Reťazenie metód a vlastností v JavaScripte

Majme vstupné pole:

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

Vypíšme text vstupného poľa na obrazovku:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // vypíše 'text'

Ako vidíte, najprv získame element podľa jeho id, zapíšeme tento element do premennej elem a potom vypíšeme na obrazovku vlastnosť value z tejto premennej.

V skutočnosti nie je potrebné zavádzať premennú elem, ale môžeme vytvoriť reťaz z bodiek takýmto spôsobom:

javascriptconsole.log( document.querySelector('#elem').value ); // vypíše 'text'

Rovnakým spôsobom - reťazením - je možné vykonať aj prepisovanie atribútov:

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

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

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