Methoden- und Eigenschaftsketten in JavaScript

Nehmen wir an, wir haben ein Input-Feld:

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

Lassen Sie uns den Text des Input-Feldes ausgeben:

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

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

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

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

Gegeben ist der folgende Code:

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

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

Ändern Sie den obigen Code so, dass anstatt der Einführung der Variable image eine Kette verwendet wird.