Native JavaScript löscht die angegebene Instanz des untergeordneten Elementcodes:
In diesem Kapitel wird ein natives JavaScript verwendet, um bestimmte untergeordnete Elemente zu löschen.
Jeder weiß, dass die Verwendung von JQuery zur Implementierung dieser Funktion bequemer ist, aber es ist nicht problematisch, native JavaScript zu verwenden. Lassen Sie es mich unten vorstellen.
Wie jQuery diese Funktion implementiert, finden Sie im Kapitel über die Löschung bestimmter Codes -Instanzen für untergeordnete Elemente.
Codebeispiel:
Die Codekopie lautet wie folgt:
<! DocType html>
<html>
<meta charset = "utf-8">
<title> wulin.com </title>
<Styles>
ul li {
Breite: 400px;
Höhe: 30px;
Zeilenhöhe: 30px;
Listenstil: Keine;
}
</style>
<Script>
window.onload = function () {
var obt = document.getElementById ("bt");
var obox = document.getElementById ("Box");
var lis = obox.getElementsByTagName ("li");
obt.onclick = function () {
Obox.removechild (LIS [1]);
}
}
</script>
</head>
<body>
<ul id = "box">
<li> Wulin.com begrüßt Sie, nur wenn Sie hart arbeiten können, können Sie morgen ein besseres haben. </li>
<li> Niemand war von Anfang an ein Meister und musste hart arbeiten. </li>
<li> Jeder Tag ist neu, schätze Zeit. </li>
</ul>
<input type = "button" id = "bt" value = "Ansichtseffekt"/>
</body>
</html>
Der obige Code implementiert unsere Anforderungen, und das folgende wird seinen Implementierungsprozess einführen.
Codekommentare:
1.Window.onload = function () {} und führen Sie den Code in der Funktion aus, nachdem der Dokumentinhalt vollständig geladen wurde.
2.Var obt = document.getElementById ("bt"), holen Sie sich das Schaltflächenelementobjekt.
3.var obox = document.getElementById ("Box"), erhalten Sie das Elementobjekt mit dem ID -Attribut -Wert -Feld.
4. var lis = obox.getElementsByTagName ("li"), holen Sie sich den Satz von Li -Elementen unter das Box -Element.
5.obt.onclick = function () {}, registrieren Sie die Funktion "Ereignishandler klicken" für die Schaltfläche.
6.obox.removechild (LIS [1]), löschen Sie das angegebene untergeordnete Element des übergeordneten Elements.