Element.removeChild()

Element.removeChild() - видаляє дочірний елемент.

Синтаксис:

Element.removeChild( child );

Параметри:

Element - об'єкт Element.

child - дочірний елемент який необхідно видалити.

Опис:

removeChild() метод об'єкту Element який видаляє вказаний дочірний елемент.

Приклад:

абзац 1

абзац 2

абзац 3

абзац 4

if(document.getElementById("test").getElementsByTagName("p")[0]==null)alert('Ви уже видалили усі елементи p');
else
document.getElementById("test").removeChild( document.getElementById("test").getElementsByTagName("p")[0] );

Щоб видалити елемент потрібно звернутися до його батька за допомогою властивості parentElement і визвати метод removeChild():

var el = document.getElementById("test");
if(el==null)alert('Елемент з id "test" уже видалено!');
else

el.parentElement.removeChild(el);

Видаляємо елементи P по кліку по них:

var el = document.getElementsByTagName("p");
for(i=0; i<el.length; i++)
el[i].onclick=function(){
this.parentElement.removeChild(this);
}