Вериги от методи и свойства в JavaScript

Да предположим, че имаме input поле:

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

Нека да изведем текста от input полето на екрана:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // ще изведе 'text'

Както виждате, първо получаваме елемента по неговия id, записваме този елемент в променливата elem, и след това извеждаме на екрана свойството value от тази променлива.

Всъщност може да не въвеждаме променливата elem, а да изградим верига от точки по следния начин:

javascriptconsole.log( document.querySelector('#elem').value ); // ще изведе 'text'

По същия начин - като верига - може да се извършва и презаписване на атрибути:

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

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

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