Meetodite ja omaduste ahelad JavaScriptis
Oletagem, et meil on input:
<input id="elem" value="text">
Väljastame inputi teksti ekraanile:
let elem = document.querySelector('#elem');
console.log(elem.value); // väljastab 'text'
Nagu näete, saame kõigepealt elemendi
selle id järgi, salvestame selle elemendi
muutujasse elem ning seejärel väljastame
ekraanile omaduse value sellest muutujast.
Tegelikult ei ole vaja kasutusele võtta muutujat
elem, vaid võib ehitada punktide ahela järgmiselt:
console.log( document.querySelector('#elem').value ); // väljastab 'text'
Samamoodi - ahelana - saab teha ka atribuutide ülekirjutamist:
document.querySelector('#elem').value = 'www';
Antud on järgmine kood:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Teisendage ülaltoodud kood nii, et
muutuja image kasutuselevõtmise asemel kasutataks
ahelat.
