Methoden- und Eigenschaftsketten in JavaScript

Nehmen wir an, wir haben ein Input-Feld:

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

Lassen Sie uns den Text des Input-Feldes ausgeben:

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

Wie Sie sehen, erhalten wir zuerst das Element anhand seiner id, speichern dieses Element in der Variable elem und geben dann die Eigenschaft value aus dieser Variable aus.

Eigentlich muss man die Variable elem nicht einführen, sondern kann eine Kette von Punkten wie folgt bilden:

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

Auf die gleiche Weise - als Kette - kann man auch Attribute überschreiben:

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

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

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