JavaScript natif supprime l'instance de code d'élément enfant spécifié:
Ce chapitre présente comment utiliser JavaScript natif pour supprimer des éléments enfants spécifiés.
Tout le monde sait que l'utilisation de jQuery pour implémenter cette fonction est plus pratique, mais il n'est pas difficile d'utiliser JavaScript natif. Permettez-moi de le présenter ci-dessous.
Pour comment JQuery implémente cette fonction, veuillez vous référer au chapitre sur la suppression des instances de code des éléments enfants spécifiés.
Exemple de code:
La copie de code est la suivante:
<! Doctype html>
<html>
<meta charset = "utf-8">
<Title> Wulin.com </TITME>
<style>
ul li {
Largeur: 400px;
hauteur: 30px;
hauteur de ligne: 30px;
Style de liste: aucun;
}
</ style>
<cript>
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]);
}
}
</cript>
</ head>
<body>
<ul id = "box">
<li> Wulin.com vous accueille, ce n'est qu'en travaillant dur que vous avez un meilleur demain. </li>
<li> Personne n'était un maître depuis le début et n'a dû travailler dur. </li>
<li> Chaque jour est un temps nouveau, chérir. </li>
</ul>
<input type = "bouton" id = "bt" value = "effect de vue" />
</docy>
</html>
Le code ci-dessus implémente nos exigences et les suivants introduiront son processus de mise en œuvre.
Commentaires du code:
1.window.onload = function () {}, et exécutez le code dans la fonction une fois le contenu du document complètement chargé.
2.Var obt = document.getElementById ("bt"), obtenez l'objet de l'élément bouton.
3.Var obox = document.getElementById ("Box"), obtenez l'objet élément avec la zone de valeur d'attribut ID.
4.var lis = obox.getElementsByTagName ("li"), obtenez l'ensemble des éléments Li sous l'élément de la boîte.
5.OBT.OnClick = function () {}, enregistrez la fonction de gestionnaire d'événements cliquez pour le bouton.
6.Obox.RemoveChild (LIS [1]), supprimez l'élément enfant spécifié de l'élément parent.