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

Tutaq ki, bizim bir inputumuz var:

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

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

javascriptlet 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:

javascriptconsole.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:

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

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

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