Lančanje metoda i svojstava u JavaScript-u

Neka imamo input:

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

Hajde da prikažemo tekst input-a na ekranu:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // prikazaće 'text'

Kao što vidite, prvo dobijamo element po njegovom id, upisujemo taj element u promenljivu elem, a zatim prikazujemo na ekranu svojstvo value iz te promenljive.

Zapravo, ne moramo da uvodimo promenljivu elem, već možemo da gradimo lanac tačaka na sledeći način:

javascriptconsole.log( document.querySelector('#elem').value ); // prikazaće 'text'

Na isti način - lancem - možemo da vršimo i prepisivanje atributa:

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

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

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