JavaScriptda metod va xususiyatlar zanjiri

Faraz qilaylik, bizda kirish maydoni mavjud:

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

Keling, kirish maydonidagi matnni ekranda ko'rsatamiz:

let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' ni chiqaradi

Ko'rib turganingizdek, biz avval elementni uning id orqali olamiz, ushbu elementni elem o'zgaruvchisiga yozamiz, so'ngra value xususiyatini ushbu o'zgaruvchidan ekranda ko'rsatamiz.

Aslida elem o'zgaruvchisini kiritmasdan ham, nuqtalar zanjirini shu tarzda qura olamiz:

console.log( document.querySelector('#elem').value ); // 'text' ni chiqaradi

Xuddi shu tarzda - zanjir ko'rinishida - atributlarni qayta yozish ham amalga oshirilishi mumkin:

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

Quyidagi kod berilgan:

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

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

Yuqoridagi kodni image o'zgaruvchisini kiritish o'rniga zanjirdan foydalangan holda qayta tahrirlang.