Rantaian Kaedah dan Sifat dalam JavaScript

Katakan kita mempunyai input:

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

Mari kita paparkan teks input:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // akan memaparkan 'text'

Seperti yang anda lihat, kita pertama mendapatkan elemen melalui id-nya, menulis elemen ini ke dalam pembolehubah elem, kemudian memaparkan sifat value dari pembolehubah tersebut.

Sebenarnya, kita tidak perlu memperkenalkan pembolehubah elem, tetapi boleh membina rantaian titik seperti ini:

javascriptconsole.log( document.querySelector('#elem').value ); // akan memaparkan 'text'

Dengan cara yang sama - secara berantai - kita juga boleh menulis semula atribut:

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

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

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