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

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

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

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

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

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

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

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

Такім жа чынам - ланцужкай - можна працаваць і перазапісваць атрыбуты:

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

Дадзены наступны код:

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

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

Перарабіце прыведзены вышэй код так, каб замест увядзення зменнай image выкарыстоўвалася ланцужка.