Metode- en Eienskap Kettings in JavaScript
Gestel ons het 'n invoerveld:
<input id="elem" value="text">
Kom ons vertoon die teks van die invoerveld op die skerm:
let 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:
console.log( document.querySelector('#elem').value ); // sal 'text' vertoon
Op dieselfde manier - met 'n ketting - kan jy ook eienskappe oorherken:
document.querySelector('#elem').value = 'www';
Die volgende kode is gegee:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Herskep die bostaande kode sodat
'n ketting gebruik word in plaas van die veranderlike image.
