JavaScriptda metod va xususiyatlar zanjiri

Faraz qilaylik, bizda kirish maydoni mavjud:

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

Keling, kirish maydonidagi matnni ekranda ko'rsatamiz:

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

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

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

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

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

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