Metodų ir savybių grandinėlės JavaScript
Tarkime, kad turime įvesties lauką:
<input id="elem" value="text">
Išveskime įvesties lauko tekstą ekrane:
let elem = document.querySelector('#elem');
console.log(elem.value); // išves 'text'
Kaip matote, mes pirmiausia gauname elementą
pagal jo id, įrašome šį elementą
į kintamąjį elem, o tada išvedame
ekrane savybę value iš šio kintamojo.
Tiesą sakant, galima neįvesti kintamojo
elem, o kurti taškų grandinėlę tokiu
būdu:
console.log( document.querySelector('#elem').value ); // išves 'text'
Lygiai taip pat - grandinėle - galima atlikti ir atributų perrašymą:
document.querySelector('#elem').value = 'www';
Duotas toks kodas:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Pertvarkykite aukščiau pateiktą kodą taip, kad
vietoj kintamojo image įvedimo būtų naudojama
grandinėlė.
