Метод 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 методу,
анын жардамы менен элементти жок кылууга болот