Lančanje metoda i svojstava u JavaScript-u
Neka imamo input:
<input id="elem" value="text">
Hajde da prikažemo tekst input-a na ekranu:
let elem = document.querySelector('#elem');
console.log(elem.value); // prikazaće 'text'
Kao što vidite, prvo dobijamo element
po njegovom id, upisujemo taj element
u promenljivu elem, a zatim prikazujemo
na ekranu svojstvo value iz te promenljive.
Zapravo, ne moramo da uvodimo promenljivu
elem, već možemo da gradimo lanac tačaka na sledeći
način:
console.log( document.querySelector('#elem').value ); // prikazaće 'text'
Na isti način - lancem - možemo da vršimo i prepisivanje atributa:
document.querySelector('#elem').value = 'www';
Dat je sledeći kod:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Prepravite gornji kod tako da
umesto uvođenja promenljive image koristite
lanac.
