Meetodite ja omaduste ahelad JavaScriptis

Oletagem, et meil on input:

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

Väljastame inputi teksti ekraanile:

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

javascriptconsole.log( document.querySelector('#elem').value ); // väljastab 'text'

Samamoodi - ahelana - saab teha ka atribuutide ülekirjutamist:

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

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

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