Μέθοδος removeChild

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

Σύνταξη

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

Παράδειγμα

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

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

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

parent.removeChild(elem);

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

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

Παράδειγμα

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

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

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

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

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

Δείτε επίσης

μέθοδος remove,
με τη βοήθεια της οποίας μπορείτε να διαγράψετε ένα στοιχείο