Rantaian Kaedah dan Sifat dalam JavaScript

Katakan kita mempunyai input:

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

Mari kita paparkan teks input:

let 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:

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

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

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

Diberi kod berikut:

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

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

Ubah suai kod di atas supaya menggunakan rantaian dan bukannya memperkenalkan pembolehubah image.