JavaScript да метод ва хусусиятлар занжири

Фарз қилайлик, бизда инпут бор:

<input id="elem" value="text">

Келинг, инпут матнини экранга чиқарайлик:

let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' ни чиқаради

Кўриб турганингиздек, биз аввал элементни унинг idси бўйича оламиз, бу элементни elem ўзгарувчисига ёзамиз, сўнг экранга ушбу ўзгарувчидан value хусусиятини чиқарамиз.

Аслинда, elem ўзгарувчисини киритиш шарт эмас, Balki нуқталар занжирини шундай қилиб қуриш мумкин:

console.log( document.querySelector('#elem').value ); // 'text' ни чиқаради

Худди шу тарзда - занжир қилиб - атрибутларни қайта ёзиш ҳам амалга оширилиши мумкин:

document.querySelector('#elem').value = 'www';

Қуйидаги код берилган:

<img id="image" src="avatar.png">

let image = document.querySelector('#image');
console.log(image.src);

Юқоридаги кодни image ўзгарувчисини киритиш ўрнига занжирдан фойдаланилган ҳолда ўзгартиринг.