Метод removeChild

Метод removeChild омогућава брисање елемента. Примењује се на родитељски елемент уз навођење елемента који треба обрисати.

Синтакса

javascriptродитељ.removeChild(елемент);

Пример

Хајде да обришемо параграф #elem. За то ћемо добити његовог родитеља #parent и метод removeChild применити на добијеног родитеља, а као параметар методе проследити елемент који желимо да обришемо:

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

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

parent.removeChild(elem);

Резултат извршавања кода:

html<div id="parent">
  <p>елем 2</p>
</div>

Пример

Ако треба обрисати елемент, али нема везе на његовог родитеља, - родитеља се може добити преко parentElement:

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

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

Резултат извршавања кода:

html<div id="parent">
  <p>елем 2</p>
</div>

Погледајте такође