Ausführliche Erläuterung der Fähigkeiten der JavaScript-Funktion „usemoveChild()' using

Ausführliche Erläuterung der Fähigkeiten der JavaScript-Funktion „usemoveChild()' using_javascript

WBOY

Freigeben： 2016-05-16 15:23:09

Original

1720 Leute haben es durchsucht

Die Funktion „removechild“ kann die angegebenen untergeordneten Elemente des übergeordneten Elements löschen.

Wenn diese Funktion den untergeordneten Knoten erfolgreich löscht, gibt sie den gelöschten Knoten zurück, andernfalls gibt sie null zurück.

Grammatikstruktur:

fatherObj.removeChild(childrenObj)

Parametererklärung:

1.fatherObj: Das Elementobjekt des zu löschenden untergeordneten Elements.
2.childrenObj: Das zu löschende untergeordnete Elementobjekt.

Besondere Hinweise:

In Firefox, Google und Browsern über IE8 werden Leerzeichen ebenfalls als Textknoten betrachtet, aber in Browsern unter IE8 und IE8 werden leere Textknoten ignoriert. Weitere Informationen finden Sie unter So erhalten Sie den untergeordneten Knoten Übergeordneter Knoten eines Elements im JavaScript-Kapitel.

Codebeispiel:

Beispiel 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>

Nach dem Login kopieren

Der obige Code kann das zweite li-Element im untergeordneten Element von box löschen.

Beispiel 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>

Nach dem Login kopieren

Der obige Code kann Elementknoten aus allen untergeordneten Knoten im Feld auswählen, die Elementknoten dann in das Array einfügen und dann den zweiten Elementknoten löschen.

Zusammenfassung:

removeChild()

Diese Funktion dient dazu, das übergeordnete Element des Elements abzurufen und zu löschen. Die Syntax lautet: parent.removeChild(child);

Manchmal möchten wir löschen, ohne das übergeordnete Element zu berühren. Aber DOM ist dieser Mechanismus, und das Element und das übergeordnete Element müssen klar sein, bevor das Löschen durchgeführt werden kann. Wenn wir das zu löschende Element eingeben, können wir auch den Löschvorgang ausführen und sein parentNode-Attribut verwenden, um das übergeordnete Element zu finden:

var child=document.getElementById(p1);
child.parentNode.removeChild(child);

Nach dem Login kopieren

Hinweis: jquery verfügt auch über Funktionen, die „removeChild“ entsprechen: „remove()“ und „leer()“

remove(): bezieht sich auf das Löschen von sich selbst und seinen Unterelementen

empty(): löscht untergeordnete Elemente