JavaScript-də metod və xassələr zənciri

Tutaq ki, bizim bir inputumuz var:

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

Gəlin inputun mətnini ekranda çap edək:

let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' çap edəcək

Gördüyünüz kimi, biz əvvəlcə elementi onun id-nə görə alırıq, bu elementi elem dəyişəninə yazırıq, sonra isə bu dəyişəndən value xassəsini ekranda çap edirik.

Əslində, elem dəyişənini təqdim etməmək olardı və nöqtələrdən zəncir qurmaq olar:

console.log( document.querySelector('#elem').value ); // 'text' çap edəcək

Eyni şəkildə - zəncir vasitəsilə - atributların yenidən yazılmasını da həyata keçirmək olar:

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

Aşağıdakı kod verilmişdir:

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

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

Yuxarıdakı kodu elə dəyişin ki, image dəyişəninin təqdim edilməsi əvəzinə zəncirdən istifadə edilsin.