Chaînage de méthodes et propriétés en JavaScript

Supposons que nous ayons un champ de saisie :

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

Affichons le texte du champ de saisie à l'écran :

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

Comme vous pouvez le voir, nous obtenons d'abord l'élément par son id, nous enregistrons cet élément dans la variable elem, puis nous affichons à l'écran la propriété value de cette variable.

En fait, il est possible de ne pas introduire la variable elem, mais de construire une chaîne de points de cette manière :

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

De la même manière - par chaînage - il est également possible de procéder à la réécriture des attributs :

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

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

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