Metódus- és tulajdonságláncok JavaScriptben

Tegyük fel, hogy van egy inputunk:

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

Jelenítsük meg az input szövegét a képernyőn:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // kiírja 'text'

Amint láthatod, először megkapjuk az elemet a id-ja alapján, elmentjük ezt az elemet egy elem változóba, majd kiírjuk a képernyőre a value tulajdonságot ebből a változóból.

Valójában nem kell bevezetnünk a elem változót, hanem pontokból láncot építhetünk így:

javascriptconsole.log( document.querySelector('#elem').value ); // kiírja 'text'

Ugyanígy - láncolással - az attribútumok átírása is elvégezhető:

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

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

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