removeChild მეთოდი

მეთოდი removeChild საშუალებას გაძლევთ წაშალოთ ელემენტი. გამოიყენება მშობელ ელემენტზე მითითებით ელემენტის, რომელიც უნდა წაიშალოს.

სინტაქსი

მშობელი.removeChild(ელემენტი);

მაგალითი

მოდით წავშალოთ აბზაცი #elem. ამისთვის მივიღოთ მისი მშობელი #parent და მეთოდი removeChild გამოვიყენოთ მიღებულ მშობელზე, ხოლო მეთოდის პარამეტრად გადავცეთ ელემენტი, რომლის წაშლაც გვსურს:

<div id="parent">
	<p id="elem">ელემენტი 1</p>
	<p>ელემენტი 2</p>
</div>

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

parent.removeChild(elem);

კოდის შესრულების შედეგი:

<div id="parent">
	<p>ელემენტი 2</p>
</div>

მაგალითი

თუ საჭიროა ელემენტის წაშლა, მაგრამ არ არსებობს მის მშობელზე მითითება, - მშობელი შეიძლება მივიღოთ parentElement-ის მეშვეობით:

<div>
	<p id="elem">ელემენტი 1</p>
	<p>ელემენტი 2</p>
</div>

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

კოდის შესრულების შედეგი:

<div id="parent">
	<p>ელემენტი 2</p>
</div>

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

მეთოდი remove,
რომლის დახმარებითაც შესაძლებელია ელემენტის წაშლა