# Цепочки методов и свойств в JavaScript

Пусть у нас есть инпут:

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

Давайте выведем на экран текст инпута:

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

Как вы видите, мы сначала получаем элемент по его `id`, записываем этот элемент в переменную `elem`, а затем выводим на экран свойство `value` из этой переменной.

На самом деле можно не вводить переменную `elem`, а строить цепочку из точек таким образом:

`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` использовалась цепочка.

← →
↑
en ru