Metode- og egenskapskjeder i JavaScript
La oss si at vi har et input-felt:
<input id="elem" value="text">
La oss vise teksten i input-feltet på skjermen:
let elem = document.querySelector('#elem');
console.log(elem.value); // vil vise 'text'
Som du ser, henter vi først elementet
via dens id, skriver dette elementet
til variabelen elem, og deretter viser
vi egenskapen value fra denne variabelen på skjermen.
Egentlig trenger man ikke å innføre variabelen
elem, men kan bygge en kjede av punkter på denne
måten:
console.log( document.querySelector('#elem').value ); // vil vise 'text'
På samme måte - som en kjede - kan man også endre attributter:
document.querySelector('#elem').value = 'www';
Gitt følgende kode:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Omgjør koden ovenfor slik at
man bruker en kjede i stedet for
å innføre variabelen image.
