Metódus- és tulajdonságláncok JavaScriptben
Tegyük fel, hogy van egy inputunk:
<input id="elem" value="text">
Jelenítsük meg az input szövegét a képernyőn:
let elem = document.querySelector('#elem');
console.log(elem.value); // kiírja 'text'
Amint láthatod, először megkapjuk az elemet
a id-ja alapján, elmentjük ezt az elemet
egy elem változóba, majd kiírjuk
a képernyőre a value tulajdonságot ebből a változóból.
Valójában nem kell bevezetnünk a elem
változót, hanem pontokból láncot építhetünk
így:
console.log( document.querySelector('#elem').value ); // kiírja 'text'
Ugyanígy - láncolással - az attribútumok átírása is elvégezhető:
document.querySelector('#elem').value = 'www';
Adott a következő kód:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Alakítsd át a fenti kódot úgy, hogy
a image változó bevezetése helyett
láncolást használj.
