Lanțuri de metode și proprietăți în JavaScript

Să presupunem că avem un input:

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

Să afișăm textul inputului pe ecran:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // va afișa 'text'

După cum vedeți, mai întâi obținem elementul după id-ul său, scriem acest element în variabila elem, apoi afișăm pe ecran proprietatea value din această variabilă.

De fapt, putem să nu introducem variabila elem, ci să construim un lanț de puncte în felul următor:

javascriptconsole.log( document.querySelector('#elem').value ); // va afișa 'text'

În același mod - în lanț - putem efectua și rescrierea atributelor:

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

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

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