removeChild Metodu

removeChild metodu elementi silməyə imkan verir. Hansı elementin silinəcəyini göstərməklə ana elementə tətbiq edilir.

Sintaksis

javascriptana.removeChild(element);

Nümunə

Gəlin #elem abzasını silək. Bunun üçün onun valideynini #parent əldə edək və removeChild metodunu əldə edilmiş valideynə tətbiq edək, metodun parametri kimi isə silmək istədiyimiz elementi ötürək:

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

Kodun icrasının nəticəsi:

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

Nümunə

Əgər elementi silmək lazımdırsa, lakin onun valideyninə istinad yoxdursa, - valideyni parentElement vasitəsilə əldə etmək olar:

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

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

Kodun icrasının nəticəsi:

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

Həmçinin bax