Explication détaillée des compétences d'utilisation_javascript de la fonction RemoveChild() de JavaScript-js tutoriel-php.cn

Explication détaillée des compétences d'utilisation_javascript de la fonction RemoveChild() de JavaScript

WBOY

Libérer： 2016-05-16 15:23:09

original

1721 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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