Метод 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,
којим се може обрисати елемент