HTML DOM removeChild() Method

<Object Élément

Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.

Définition et utilisation

Le removeChild() méthode supprime un noeud enfant spécifié de l'élément spécifié.

Retourne le nœud supprimé comme un objet de nœud, ou null si le nœud n'existe pas.

Remarque: Le nœud enfant enlevé ne fait plus partie du DOM. Cependant, avec la référence renvoyée par cette méthode, il est possible d'insérer l'enfant enlevé à un élément à un moment ultérieur (See "More Examples") .

Conseil: Utiliser les appendChild() ou insertBefore() méthode pour insérer le noeud supprimé dans le même document. Pour l' insérer dans un autre document, utilisez le document. adoptNode() ou document. importNode() méthode.

Support du navigateur

Syntaxe

Les valeurs des paramètres

Paramètre	Type	La description
node	Node object	Champs obligatoires. L'objet de nœud que vous souhaitez supprimer

Détails techniques

Valeur de retour:	Un objet de noeud représentant le noeud supprimé ou null si le nœud n'existe pas
version DOM	Niveau de base 1 Noeud objet

---

autres exemples

Exemple

Pour savoir si une liste a des nœuds enfants. Le cas échéant, retirer son premier noeud enfant (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]);
}

Avant de retirer:

• Coffee
• Tea
• Milk

Avant de retirer:

• Tea
• Milk

Essayez vous - même »

Exemple

Retirez tous les nœuds enfants d'une liste:

// 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);
}

Avant de retirer:

• Coffee
• Tea
• Milk

Après avoir retiré:

Essayez vous - même »

Exemple

Supprimer un <li> élément avec id = « Myli » de son élément parent (sans spécifier son nœud parent):

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

Avant de retirer:

• Coffee
• Tea
• Milk

Après avoir retiré:

• Coffee
• Milk

Essayez vous - même »

Exemple

Supprimer un <li> de son élément parent, et insérez - le à nouveau:

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

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

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

Essayez vous - même »

Exemple

Supprimer un <span> élément de son parent et l' insérer dans un <h1> élément dans un autre document:

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);
}

Essayez vous - même »

---

<Object Élément