Method- en eigenschapketens in JavaScript

Stel we hebben een input:

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

Laten we de tekst van de input weergeven:

let elem = document.querySelector('#elem');
console.log(elem.value); // geeft 'text' weer

Zoals je ziet, krijgen we eerst het element via zijn id, slaan we dit element op in de variabele elem, en geven we dan de eigenschap value van deze variabele weer.

Eigenlijk is het niet nodig om een variabele elem te introduceren, we kunnen een keten van punten bouwen op deze manier:

console.log( document.querySelector('#elem').value ); // geeft 'text' weer

Op dezelfde manier - als een keten - kunnen we ook attributen overschrijven:

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

Gegeven de volgende code:

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

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

Pas de bovenstaande code zo aan dat er in plaats van het introduceren van de variabele image een keten wordt gebruikt.