Méthode removeChild

La méthode removeChild permet de supprimer un élément. Elle est appliquée à l'élément parent avec la spécification de l'élément à supprimer.

Syntaxe

parent.removeChild(élément);

Exemple

Supprimons le paragraphe #elem. Pour cela, obtenons son parent #parent et appliquons la méthode removeChild au parent obtenu, et passons en paramètre de la méthode l'élément que nous souhaitons supprimer :

<div id="parent">
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

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

parent.removeChild(elem);

Résultat de l'exécution du code :

<div id="parent">
	<p>elem 2</p>
</div>

Exemple

S'il faut supprimer un élément, mais qu'il n'y a pas de référence à son parent, - le parent peut être obtenu via parentElement :

<div>
	<p id="elem">elem 1</p>
	<p>elem 2</p>
</div>

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

Résultat de l'exécution du code :

<div id="parent">
	<p>elem 2</p>
</div>

Voir aussi

la méthode remove,
qui permet de supprimer un élément