Μεταβίβαση ομάδας στοιχείων DOM ως παραμέτρων συναρτήσεων
Ας υποθέσουμε τώρα ότι η συνάρτησή μας setText
θα δέχεται ως πρώτη παράμετρο μια αναφορά
όχι σε ένα στοιχείο, αλλά αμέσως σε ένα σύνολο στοιχείων:
function setText(elems, text) {
for (let elem of elems) {
elem.textContent = text;
}
}
Ας δοκιμάσουμε τη συνάρτησή μας στην πράξη. Ας υποθέσουμε ότι έχουμε τις ακόλουθες παραγράφους:
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
<p class="elem"></p>
Ας χρησιμοποιήσουμε τη συνάρτησή μας για να ορίσουμε σε όλες αυτές τις παραγράφους κάποιο κείμενο:
let elems = document.querySelectorAll('.elem');
setText(elems, 'text');
Δημιουργήστε τη συνάρτηση appendText, η οποία
θα δέχεται ως πρώτη παράμετρο έναν πίνακα
στοιχείων DOM, και ως δεύτερη - κείμενο. Κάντε
τέτοια ώστε αυτή η συνάρτηση να προσθέτει κείμενο
στο τέλος των μεταβιβασμένων στοιχείων.
Δημιουργήστε τη συνάρτηση appendElem, η οποία
θα δέχεται ως πρώτη παράμετρο μια αναφορά σε
αντικείμενο DOM, στο οποίο βρίσκεται η ετικέτα ul,
και ως δεύτερη - κείμενο. Κάντε τέτοια ώστε αυτή
η συνάρτηση να δημιουργεί μια νέα li με το μεταβιβασμένο
κείμενο και να την προσθέτει στο τέλος της μεταβιβασμένης
ετικέτας ul.
Δίνεται ένας πίνακας και ένα ul. Χρησιμοποιώντας τη συνάρτηση
appendElem, που δημιουργήθηκε στο προηγούμενο
πρόβλημα, γράψτε κάθε στοιχείο του πίνακα σε
ξεχωριστή li σε αυτό το ul.