Catene di metodi e proprietà in JavaScript

Supponiamo di avere un input:

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

Visualizziamo il testo dell'input:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // visualizzerà 'text'

Come puoi vedere, prima otteniamo l'elemento tramite il suo id, registriamo questo elemento nella variabile elem, e poi visualizziamo la proprietà value da questa variabile.

In realtà non è necessario introdurre la variabile elem, ma si può costruire una catena di punti in questo modo:

javascriptconsole.log( document.querySelector('#elem').value ); // visualizzerà 'text'

Allo stesso modo - a catena - è possibile effettuare anche la riscrittura degli attributi:

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

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

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