Методот removeChild

Методот removeChild овозможува бришење на елемент. Се применува на родителскиот елемент со означување на елементот што треба да се избрише.

Синтакса

родител.removeChild(елемент);

Пример

Да го избришеме параграфот #elem. За ова да го добиеме неговиот родител #parent и методот removeChild да го примениме на добиениот родител, а како параметар на методот да го пренесеме елементот што сакаме да го избришеме:

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

Резултат од извршување на кодот:

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

Пример

Ако треба да се избрише елемент, но немаме референца за неговиот родител, - родителот може да се добие преку parentElement:

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

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

Резултат од извршување на кодот:

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

Погледнете ги исто така

методот remove,
со кој може да се избрише елемент