Μέθοδος removeChild

Η μέθοδος removeChild επιτρέπει τη διαγραφή ενός στοιχείου. Εφαρμόζεται στο γονικό στοιχείο με τον καθορισμό του στοιχείου που πρέπει να διαγραφεί.

Σύνταξη

javascriptγονέας.removeChild(στοιχείο);

Παράδειγμα

Ας διαγράψουμε την παράγραφο #elem. Για αυτό θα πάρουμε τον γονέα της #parent και θα εφαρμόσουμε τη μέθοδο removeChild στον γονέα που πήραμε, και ως παράμετρο της μεθόδου θα περάσουμε το στοιχείο που θέλουμε να διαγράψουμε:

html<div id="parent">
  <p id="elem">στοιχείο 1</p>
  <p>στοιχείο 2</p>
</div>

javascriptlet parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Αποτέλεσμα εκτέλεσης του κώδικα:

html<div id="parent">
  <p>στοιχείο 2</p>
</div>

Παράδειγμα

Αν χρειάζεται να διαγραφεί ένα στοιχείο, αλλά δεν υπάρχει αναφορά στον γονέα του, - ο γονέας μπορεί να ληφθεί μέσω του parentElement:

html<div>
  <p id="elem">στοιχείο 1</p>
  <p>στοιχείο 2</p>
</div>

javascriptlet elem = document.querySelector('#elem');
elem.parentElement.removeChild(elem);

Αποτέλεσμα εκτέλεσης του κώδικα:

html<div id="parent">
  <p>στοιχείο 2</p>
</div>

Δείτε επίσης