Усули removeChild

Усули removeChild имкон медиҳад, ки унсурро нест кунад. Ба унсури волидайн татбиқ карда мешавад бо ишора кардани унсуре, ки нест кардан лозим аст.

Синтаксис

javascriptволидайн.removeChild(унсур);

Намуна

Биёед абзацро #elem нест кунем. Барои ин волидайни онро #parent гирифта ва усули removeChild ба волидайни гирифташуда татбиқ кунем, ва параметри усулро унсуре, ки мехоҳем нест кунем, гузаронем:

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

javascriptlet parent = document.querySelector('#parent');
let elem = document.querySelector('#elem');

parent.removeChild(elem);

Натиҷаи иҷрои код:

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

Намуна

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

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

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

Натиҷаи иҷрои код:

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

Инчунин бубинед