Metod- och egenskapskedjor i JavaScript

Låt oss säga att vi har en input:

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

Låt oss visa inputens text på skärmen:

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

Som du ser får vi först elementet genom dess id, skriver detta element till variabeln elem, och visar sedan egenskapen value från denna variabel på skärmen.

Egentligen behöver man inte introducera variabeln elem, utan man kan bygga en kedja av punkter på detta sätt:

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

På samma sätt - i en kedja - kan man också göra skrivning av attribut:

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

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

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