Let us have an input:
<input id="elem" value="text">
Let's display the input text:
let elem = document.querySelector('#elem');
console.log(elem.value); // shows 'text'
As you can see, we first get an element
by its id
, write this element to
the variable elem
, and then display
the property value
from this variable
In fact, you can not enter the variable
elem
, but build a chain of dots
in this way:
console.log( document.querySelector('#elem').value ); // shows 'text'
In the same way - in a chain - you can overwrite attributes:
document.querySelector('#elem').value = 'www';
Given the following code:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Modify the code above to use a chain
instead of introducing the variable
image
.