Αλυσίδες Μεθόδων και Ιδιοτήτων στην JavaScript

Ας υποθέσουμε ότι έχουμε ένα input:

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

Ας εμφανίσουμε στην οθόνη το κείμενο του input:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // θα εμφανίσει 'text'

Όπως βλέπετε, πρώτα παίρνουμε το στοιχείο από το id του, γράφουμε αυτό το στοιχείο σε μια μεταβλητή elem, και στη συνέχεια εμφανίζουμε στην οθόνη την ιδιότητα value από αυτή τη μεταβλητή.

Στην πραγματικότητα, δεν χρειάζεται να εισάγουμε τη μεταβλητή elem, αλλά μπορούμε να χτίσουμε μια αλυσίδα από τελείων με αυτόν τον τρόπο:

javascriptconsole.log( document.querySelector('#elem').value ); // θα εμφανίσει 'text'

Με τον ίδιο τρόπο - ως αλυσίδα - μπορούμε να κάνουμε και επανεγγραφή χαρακτηριστικών:

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

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

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