La fonction Removechild peut supprimer les éléments enfants spécifiés de l'élément parent.
Si cette fonction supprime avec succès le nœud enfant, elle renvoie le nœud supprimé, sinon elle renvoie null.
Structure grammaticale :
pèreObj.removeChild(enfantsObj)
Explication des paramètres :
1.fatherObj : L'objet élément de l'élément enfant à supprimer.
2.childrenObj : l'objet élément enfant à supprimer.
Instructions particulières :
Dans Firefox, Google et les navigateurs supérieurs à IE8, l'espace vide est également considéré comme un nœud de texte, mais dans les navigateurs inférieurs à IE8 et IE8, les nœuds de texte vides seront ignorés. Pour plus de détails, veuillez vous référer à Comment obtenir le nœud enfant et. Nœud parent d'un élément dans le chapitre JavaScript.
Exemple de code :
Exemple 1 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>脚本之家</title> <script type="text/javascript"> window.onload=function(){ var obox=document.getElementById("box"); var lis=obox.getElementsByTagName("li"); obox.removeChild(lis[1]); } </script> </head> <body> <ul id="box"> <li>脚本之家一</li> <li>脚本之家二</li> <li>脚本之家三</li> <li>脚本之家四</li> </ul> </body> </html>
Le code ci-dessus peut supprimer le deuxième élément li dans l'élément enfant de box.
Exemple 2 :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>脚本之家</title> <script type="text/javascript"> window.onload=function(){ var obox=document.getElementById("box"); var liArray=[]; var y=0; var childNodes=obox.childNodes; for(var i=0;i<childNodes.length;i++){ if(childNodes[i].nodeType==1){ liArray[y]=childNodes[i]; y=y+1; } } obox.removeChild(liArray[1]); } </script> </head> <body> <ul id="box"> <li>脚本之家一</li> <li>脚本之家二</li> <li>脚本之家三</li> <li>脚本之家四</li> </ul> </body> </html>
Le code ci-dessus peut sélectionner les nœuds d'élément parmi tous les nœuds enfants de la boîte, puis placer les nœuds d'élément dans le tableau, puis supprimer le deuxième nœud d'élément.
Résumé :
removeChild()
Cette fonction consiste à obtenir l'élément parent de l'élément et à le supprimer. La syntaxe est la suivante : parent.removeChild(child);
Parfois, nous souhaitons supprimer sans toucher à l'élément parent. Mais DOM est ce mécanisme, et l'élément et l'élément parent doivent être clairs avant que la suppression puisse être effectuée. Lors de la saisie de l'élément à supprimer, on peut également effectuer l'opération de suppression et utiliser son attribut parentNode pour retrouver l'élément parent :
var child=document.getElementById(p1); child.parentNode.removeChild(child);
Remarque : jquery a également des fonctions correspondant à RemoveChild : Remove() et Empty()
remove() : fait référence à la suppression de lui-même et de ses sous-éléments
empty() : supprime les éléments enfants