Řetězení metod a vlastností v JavaScriptu
Předpokládejme, že máme vstupní pole:
<input id="elem" value="text">
Pojďme zobrazit text vstupního pole:
let elem = document.querySelector('#elem');
console.log(elem.value); // vypíše 'text'
Jak vidíte, nejprve získáme element
podle jeho id, zapíšeme tento element
do proměnné elem a poté vypíšeme
vlastnost value z této proměnné.
Ve skutečnosti není nutné zavádět proměnnou
elem, ale můžeme vytvořit řetězec teček tímto
způsobem:
console.log( document.querySelector('#elem').value ); // vypíše 'text'
Stejným způsobem - řetězením - lze také provádět přepsání atributů:
document.querySelector('#elem').value = 'www';
Je dán následující kód:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Přepracujte výše uvedený kód tak, aby
namísto zavedení proměnné image bylo použito
řetězení.
