Metodų ir savybių grandinėlės JavaScript

Tarkime, kad turime įvesties lauką:

html<input id="elem" value="text">

Išveskime įvesties lauko tekstą ekrane:

javascriptlet 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:

javascriptconsole.log( document.querySelector('#elem').value ); // išves 'text'

Lygiai taip pat - grandinėle - galima atlikti ir atributų perrašymą:

javascriptdocument.querySelector('#elem').value = 'www';

html<img id="image" src="avatar.png">

javascriptlet image = document.querySelector('#image');
console.log(image.src);