Metodu un īpašību ķēdes JavaScript

Pieņemsim, ka mums ir ievades lauks:

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

Izvadīsim ekrānā ievades lauka tekstu:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // izvadīs 'text'

Kā jūs redzat, mēs vispirms iegūstam elementu pēc tā id, ierakstām šo elementu mainīgajā elem un pēc tam izvadām ekrānā īpašību value no šī mainīgā.

Patiesībā mainīgo elem var neievadīt, bet veidot punktu ķēdi šādā veidā:

javascriptconsole.log( document.querySelector('#elem').value ); // izvadīs 'text'

Tādā pašā veidā - ar ķēdi - var veikt arī atribūtu pārrakstīšanu:

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

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

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