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