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>

იხილეთ აგრეთვე