Lanțuri de metode și proprietăți în JavaScript
Să presupunem că avem un input:
<input id="elem" value="text">
Să afișăm textul inputului pe ecran:
let elem = document.querySelector('#elem');
console.log(elem.value); // va afișa 'text'
După cum vedeți, mai întâi obținem elementul
după id-ul său, scriem acest element
în variabila elem, apoi afișăm
pe ecran proprietatea value din această variabilă.
De fapt, putem să nu introducem variabila
elem, ci să construim un lanț de puncte în felul
următor:
console.log( document.querySelector('#elem').value ); // va afișa 'text'
În același mod - în lanț - putem efectua și rescrierea atributelor:
document.querySelector('#elem').value = 'www';
Este dat următorul cod:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Refaceți codul de mai sus astfel încât
în loc de introducerea variabilei image să fie folosit
un lanț.
