Metode- en Eienskap Kettings in JavaScript

Gestel ons het 'n invoerveld:

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

Kom ons vertoon die teks van die invoerveld op die skerm:

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

Soos jy kan sien, kry ons eers die element volgens sy id, skryf hierdie element in die veranderlike elem, en vertoon dan die eienskap value van hierdie veranderlike op die skerm.

Eintlik kan jy die veranderlike elem vermy, en 'n ketting van punte so bou:

javascriptconsole.log( document.querySelector('#elem').value ); // sal 'text' vertoon

Op dieselfde manier - met 'n ketting - kan jy ook eienskappe oorherken:

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

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

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