Метад 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>

Глядзіце таксама