Εργασία με κώδικα HTML στοιχείων σε JavaScript
Τα DOM στοιχεία έχουν την ιδιότητα innerHTML,
που επιτρέπει την ανάγνωση του κώδικα HTML αυτών των στοιχείων.
Ας δούμε ένα παράδειγμα. Ας
υποθέσουμε ότι έχουμε την ακόλουθη ετικέτα:
<p id="elem"><b>text</b></p>
Ας πάρουμε μια αναφορά σε αυτήν την ετικέτα σε μια μεταβλητή:
let elem = document.querySelector('#elem');
Ας διαβάσουμε τον κώδικα HTML της ετικέτας:
console.log(elem.innerHTML); // θα εμφανίσει <b>text</b>
Ας αλλάξουμε το κείμενο της ετικέτας:
elem.innerHTML = '<i>!!!</i>';
Δίνεται μια παράγραφος και ένα κουμπί. Με κλικ στο κουμπί διαβάστε τον κώδικα HTML της παραγράφου και εμφανίστε τον στην κονσόλα.
Δίνεται μια παράγραφος και ένα κουμπί. Με κλικ στο κουμπί γράψτε στην παράγραφο νέο κείμενο έτσι ώστε να είναι έντονο.
