Mbinu ya removeChild

Mbinu removeChild inaruhusu kufuta kipengele. Inatumika kwa kipengele kizazi kwa kubainisha kipengele ambacho kinahitaji kufutwa.

Syntax

mzazi.removeChild(kipengele);

Mfano

Wacha tufute aya #elem. Ili kufanya hivyo tupate mzazi wake #parent na tumia mbinu removeChild kwa mzazi aliye patikana, na kigezo cha mbinu kiwe kipengele ambacho tunataka kufuta:

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

Matokeo ya utekelezaji wa msimbo:

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

Mfano

Ikiwa inahitajika kufuta kipengele, lakini hakuna viungo kwa mzazi wake, - mzazi anaweza kupatikana kupitia parentElement:

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

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

Matokeo ya utekelezaji wa msimbo:

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

Angalia pia

mbinu remove,
ambayo inaweza kutumika kufuta kipengele