Αλυσίδες Μεθόδων και Ιδιοτήτων στην JavaScript
Ας υποθέσουμε ότι έχουμε ένα input:
<input id="elem" value="text">
Ας εμφανίσουμε στην οθόνη το κείμενο του input:
let elem = document.querySelector('#elem');
console.log(elem.value); // θα εμφανίσει 'text'
Όπως βλέπετε, πρώτα παίρνουμε το στοιχείο
από το id του, γράφουμε αυτό το στοιχείο
σε μια μεταβλητή elem, και στη συνέχεια εμφανίζουμε
στην οθόνη την ιδιότητα value από αυτή τη μεταβλητή.
Στην πραγματικότητα, δεν χρειάζεται να εισάγουμε τη μεταβλητή
elem, αλλά μπορούμε να χτίσουμε μια αλυσίδα από τελείων
με αυτόν τον τρόπο:
console.log( document.querySelector('#elem').value ); // θα εμφανίσει 'text'
Με τον ίδιο τρόπο - ως αλυσίδα - μπορούμε να κάνουμε και επανεγγραφή χαρακτηριστικών:
document.querySelector('#elem').value = 'www';
Δίνεται ο ακόλουθος κώδικας:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Μετατρέψτε τον παραπάνω κώδικα έτσι ώστε
αντί για την εισαγωγή της μεταβλητής image να χρησιμοποιηθεί
αλυσίδα.