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

Supposons que nous ayons un champ de saisie :

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

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

let 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 :

console.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 :

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

Voici le code suivant :

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

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

Modifiez le code ci-dessus pour qu'au lieu d'introduire la variable image, il utilise le chaînage.