Ланцужкі метадаў і уласцівасцей у JavaScript

Хай у нас ёсць інпут:

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

Давайце вывядзем на экран тэкст інпута:

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

Як вы бачыце, мы спачатку атрымліваем элемент па яго id, запісваем гэты элемент у зменную elem, а затым вывядзем на экран уласцівасць value з гэтай зменнай.

На самой справе можна не ўводзіць зменную elem, а будаваць ланцужку з кропак такiм чынам:

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);