removeChild metodi

removeChild metodi elementni o'chirish imkonini beradi. Ota-elementga qo'llaniladi va o'chirilishi kerak bo'lgan element ko'rsatiladi.

Sintaksis

ota.removeChild(element);

Misol

Keling, #elem abzasini o'chiramiz. Buning uchun uning otasini #parent olamiz va removeChild metodini olingan otaga qo'llaymiz, metod parametri sifatida esa o'chirmoqchi bo'lgan elementimizni uzatamiz:

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

Kodni bajarish natijasi:

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

Misol

Agar elementni o'chirish kerak bo'lsa, lekin uning otasiga havola bo'lmasa, - otani parentElement orqali olish mumkin:

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

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

Kodni bajarish natijasi:

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

Shuningdek qarang

remove metodi,
uning yordamida elementni o'chirish mumkin