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 усули,
у элементни ўчириш учун ишлатилади