Metoda removeChild

Metoda removeChild pozwala usunąć element. Stosuje się ją do elementu nadrzędnego z podaniem elementu, który należy usunąć.

Składnia

rodzic.removeChild(element);

Przykład

Usuńmy akapit #elem. W tym celu pobierzmy jego rodzica #parent i metodę removeChild zastosujmy do otrzymanego rodzica, a jako parametr metody przekażmy element, który chcemy usunąć:

<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);

Wynik wykonania kodu:

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

Przykład

Jeśli trzeba usunąć element, ale nie ma odnośnika do jego rodzica, - rodzica można uzyskać poprzez parentElement:

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

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

Wynik wykonania kodu:

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

Zobacz też

metoda remove,
za pomocą której można usunąć element