Metod- och egenskapskedjor i JavaScript
Låt oss säga att vi har en input:
<input id="elem" value="text">
Låt oss visa inputens text på skärmen:
let elem = document.querySelector('#elem');
console.log(elem.value); // visar 'text'
Som du ser får vi först elementet
genom dess id, skriver detta element
till variabeln elem, och visar sedan
egenskapen value från denna variabel på skärmen.
Egentligen behöver man inte introducera variabeln
elem, utan man kan bygga en kedja av punkter på detta
sätt:
console.log( document.querySelector('#elem').value ); // visar 'text'
På samma sätt - i en kedja - kan man också göra skrivning av attribut:
document.querySelector('#elem').value = 'www';
Följande kod ges:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Omvandla koden ovan så att
istället för att introducera variabeln image används
en kedja.
