HTML DOM removeChild() Yöntemi
Örnek
Listeden ilk <li> öğesini kaldırın:
var list = document.getElementById("myList"); // Get the <ul> element with id="myList"
list.removeChild(list.childNodes[0]); // Remove <ul>'s first child node (index 0)
Kaldırmadan önce:
- Kahve
- Çay
- Süt
Kaldırdıktan sonra:
- Çay
- Süt
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
removeChild() yöntemi, belirtilen öğenin belirtilen bir alt düğümünü kaldırır.
Kaldırılan düğümü bir Düğüm nesnesi olarak veya düğüm yoksa null döndürür.
Not: Kaldırılan alt düğüm artık DOM'nin bir parçası değildir. Ancak, bu yöntemin döndürdüğü referansla, kaldırılan alt öğeyi daha sonra bir öğeye eklemek mümkündür (Bkz. "Diğer Örnekler").
İpucu: Kaldırılan düğümü aynı belgeye eklemek için appendChild () veya insertBefore() yöntemini kullanın. Bunu başka bir belgeye eklemek için document.adoptNode() veya document.importNode() yöntemini kullanın.
Tarayıcı Desteği
Method | |||||
---|---|---|---|---|---|
removeChild() | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
node.removeChild(node)
Parametre Değerleri
Parameter | Type | Description |
---|---|---|
node | Node object | Required. The node object you want to remove |
Teknik detaylar
Geri dönüş değeri: | Kaldırılan düğümü temsil eden bir Düğüm nesnesi veya düğüm yoksa null |
---|---|
DOM Sürümü | Çekirdek Düzey 1 Düğüm Nesnesi |
Daha fazla örnek
Örnek
Bir listenin herhangi bir alt düğümü olup olmadığını öğrenin. Öyleyse, ilk alt düğümünü kaldırın (dizin 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]);
}
Kaldırmadan önce:
- Coffee
- Tea
- Milk
Kaldırdıktan sonra:
- Tea
- Milk
Örnek
Bir listenin tüm alt düğümlerini 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);
}
Kaldırmadan önce:
- Coffee
- Tea
- Milk
Kaldırdıktan sonra:
Örnek
id="myLI" içeren bir <li> öğesini üst öğesinden kaldırın (üst düğümünü belirtmeden):
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
Kaldırmadan önce:
- Coffee
- Tea
- Milk
Kaldırdıktan sonra:
- Coffee
- Milk
Örnek
Bir <li> öğesini üst öğesinden kaldırın ve yeniden ekleyin:
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
Örnek
Bir <span> öğesini üst öğesinden kaldırın ve başka bir belgedeki bir <h1> öğesine ekleyin:
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);
}