Συναρτήσεις για εργασία με DOM στοιχεία σε JavaScript

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

Ακολουθεί η περιγραφή της συνάρτησης:

function setText(id, text) {
	let elem = document.getElementById(id);
	elem.textContent = text;
}

Ας δοκιμάσουμε τη λειτουργία της. Ας υποθέσουμε ότι έχουμε δύο παραγράφους:

<p id="elem1"></p>
<p id="elem2"></p>

Ας αλλάξουμε το κείμενο αυτών των παραγράφων, χρησιμοποιώντας τη συνάρτηση που δημιουργήσαμε:

setText('elem1', 'text1');
setText('elem2', 'text2');

Τροποποιήστε τη συνάρτηση που δημιούργησα έτσι, ώστε να δέχεται ως παράμετρο όχι το id του στοιχείου, αλλά έναν αυθαίρετο CSS επιλογέα.

Δημιουργήστε τη συνάρτηση setAttr, που θα αλλάζει ένα χαρακτηριστικό σε ένα DOM στοιχείο. Ας δέχεται η συνάρτηση ως πρώτη παράμετρο τον επιλογέα του στοιχείου, ως δεύτερη - το όνομα του χαρακτηριστικού, και ως τρίτη - τη νέα του τιμή.