HTML DOM removeChild() Method

<Eleman Nesne

Daha "Try it Yourself" Aşağıdaki örnekler.

Tanımı ve Kullanımı

removeChild() yöntemi, belirtilen öğenin, belirli bir çocuk düğüm kaldırır.

Düğümü mevcut değilse, kaldırılan bir düğüm nesnesi olarak düğüm veya boş döner.

Not: Kaldırılan çocuk düğüm DOM artık parçasıdır. Bununla birlikte, bu yöntem tarafından döndürülen referansla, daha sonraki bir zamanda, bir elemana çıkarıldı çocuk eklemek mümkündür (See "More Examples") .

Ipucu: appendChild() ya da insertBefore() yöntemi aynı belgeye kaldırılan düğüm eklemek için kullanılır. Başka bir belgeye eklemek için, kullanmak belgeyi. adoptNode() ya da bir belge. importNode() metodu.

Tarayıcı Desteği

Sözdizimi

Parametre Değerleri

Parametre	tip	Açıklama
node	Node object	Gereklidir. Kaldırmak istediğiniz düğüm nesnesi

Teknik detaylar

Geri dönüş değeri:	Bir düğüm nesnesi çıkarıldı, düğüm temsil eden veya null düğümü mevcut değilse
DOM Sürüm	Çekirdek Seviye 1 Düğüm Nesne

---

Diğer Örnekler

Örnek

Bir liste herhangi alt düğümlere olup olmadığını öğrenin. Eğer öyleyse, onun ilk çocuk düğüm kaldırmak (index 0) :

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
    list.removeChild(list.childNodes[0]);
}

çıkarmadan önce:

• Coffee
• Tea
• Milk

çıkarmadan önce:

• Tea
• Milk

Kendin dene "

Örnek

Bir listedeki tüm alt düğümler kaldırın:

// Get the <ul> element with id="myList"
var list = document.getElementById("myList");

// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {  
    list.removeChild(list.firstChild);
}

çıkarmadan önce:

• Coffee
• Tea
• Milk

çıkardıktan sonra:

Kendin dene "

Örnek

Bir kaldırma <li> (üst düğüm belirtmeden) kendi üst öğeden id = "Myli" ile eleman:

var item = document.getElementById("myLI");
item.parentNode.removeChild(item);

çıkarmadan önce:

• Coffee
• Tea
• Milk

çıkardıktan sonra:

• Coffee
• Milk

Kendin dene "

Örnek

Bir kaldırma <li> üst öğesinden elemanı ve tekrar takın:

var item = document.getElementById("myLI");

function removeLi() {
    item.parentNode.removeChild(item);
}

function appendLi() {
    var list = document.getElementById("myList");
    list.appendChild(item);
}

Kendin dene "

Örnek

Bir kaldırma <span> üst öğesinden elemanı ve bir o eklemek <h1> başka belgede elemanı:

var child = document.getElementById("mySpan");

function removeLi() {
    child.parentNode.removeChild(child);
}

function myFunction() {
    var frame = document.getElementsByTagName("IFRAME")[0]
    var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
    var x = document.adoptNode(child);
    h.appendChild(x);
}

Kendin dene "

---

<Eleman Nesne