Reťazenie metód a vlastností v JavaScripte
Majme vstupné pole:
<input id="elem" value="text">
Vypíšme text vstupného poľa na obrazovku:
let elem = document.querySelector('#elem');
console.log(elem.value); // vypíše 'text'
Ako vidíte, najprv získame element
podľa jeho id, zapíšeme tento element
do premennej elem a potom vypíšeme
na obrazovku vlastnosť value z tejto premennej.
V skutočnosti nie je potrebné zavádzať premennú
elem, ale môžeme vytvoriť reťaz z bodiek takýmto
spôsobom:
console.log( document.querySelector('#elem').value ); // vypíše 'text'
Rovnakým spôsobom - reťazením - je možné vykonať aj prepisovanie atribútov:
document.querySelector('#elem').value = 'www';
Daný je nasledujúci kód:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Upravte vyššie uvedený kód tak, aby
miesto zavedenia premennej image sa použilo
reťazenie.
