JavaScript löscht den angegebenen untergeordneten Elementcode example_javascript skills

Natives Javascript-Codebeispiel zum Löschen eines angegebenen Unterelements:

In diesem Kapitel wird erläutert, wie Sie mit nativem Javascript bestimmte Unterelemente löschen.
Jeder weiß, dass es bequemer ist, diese Funktion mit jquery zu implementieren, aber die Verwendung von nativem Javascript ist nicht problematisch. Lassen Sie uns es unten vorstellen.
Informationen darüber, wie jquery diese Funktion implementiert, finden Sie im Kapitel jquery zum Löschen bestimmter untergeordneter Elemente Codebeispiele.

Codebeispiel:

Code kopieren Der Code lautet wie folgt:

ul li{
Breite:400px;
Höhe:30px;
Zeilenhöhe:30px;
Listenstil:none;
}

<script><br> window.onload=function(){<br> var obt=document.getElementById("bt");<br> var obox=document.getElementById("box");<br> var lis=obox.getElementsByTagName("li");<br> obt.onclick=function(){<br> obox.removeChild(lis[1]);<br> }<br> }<br> </script>

• Script House heißt Sie willkommen, nur wenn wir hart arbeiten, können wir eine bessere Zukunft haben.


• Niemand ist von Anfang an ein Meister, er muss hart arbeiten.


• Jeder Tag ist neu, also schätzen Sie Ihre Zeit.

Der obige Code erfüllt unsere Anforderungen. Hier finden Sie eine Einführung in seinen Implementierungsprozess.

Codekommentare:

1.window.onload=function(){}: Wenn der Dokumentinhalt vollständig geladen ist, führen Sie den Code in der Funktion aus.
2.var obt=document.getElementById("bt"), ruft das Schaltflächenelementobjekt ab.
3.var obox=document.getElementById("box"), ruft das Elementobjekt ab, dessen ID-Attributwert box ist.
4.var lis=obox.getElementsByTagName("li"), ruft die Sammlung von li-Elementen unter dem Box-Element ab.
5.obt.onclick=function(){}, registrieren Sie die Klickereignisverarbeitungsfunktion für die Schaltfläche.
6.obox.removeChild(lis[1]), löscht das angegebene untergeordnete Element des übergeordneten Elements.