suchen

Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung der Fähigkeiten der JavaScript-Funktion „usemoveChild()' using_javascript

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

WBOY
WBOYOriginal
2016-05-16 15:23:091709Durchsuche

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>

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>

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

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

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Angularjs injiziert einen Interceptor, um den Ladeeffekt_AngularJS zu implementierenNächster Artikel：Angularjs injiziert einen Interceptor, um den Ladeeffekt_AngularJS zu implementieren

In Verbindung stehende Artikel

Mehr sehen