JavaScript supprime le code de l'élément enfant spécifié, compétences example_javascript

Exemple de code javascript natif pour supprimer le sous-élément spécifié :

Ce chapitre explique comment utiliser le javascript natif pour supprimer les sous-éléments spécifiés.
Tout le monde sait qu'il est plus pratique d'utiliser jquery pour implémenter cette fonction, mais il n'est pas gênant d'utiliser du javascript natif. Présentons-le ci-dessous.
Pour plus d'informations sur la façon dont jquery implémente cette fonction, veuillez vous référer au chapitre jquery pour supprimer les éléments enfants spécifiés exemples de code.

Exemple de code :

Copier le code Le code est le suivant :

<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=fonction(){<br> obox.removeChild(lis[1]);<br> ><br> ><br> </script>

• Script House vous souhaite la bienvenue, ce n'est qu'en travaillant dur que nous pourrons avoir un avenir meilleur.


• Personne n’est un maître dès le début, il faut travailler dur.


• Chaque jour est nouveau, alors chérissez votre temps.

Le code ci-dessus répond à nos exigences. Voici une introduction à son processus de mise en œuvre.

Commentaires du code :

1.window.onload=function(){}, lorsque le contenu du document est complètement chargé, exécutez le code dans la fonction.
2.var obt=document.getElementById("bt"), récupère l'objet élément bouton.
3.var obox=document.getElementById("box"), récupère l'objet élément dont la valeur de l'attribut id est box.
4.var lis=obox.getElementsByTagName("li"), récupère la collection d'éléments li sous l'élément box.
5.obt.onclick=function(){}, enregistrez la fonction de traitement des événements de clic pour le bouton.
6.obox.removeChild(lis[1]), supprime l'élément enfant spécifié de l'élément parent.