Maison >développement back-end >tutoriel php >Exemple d'implémentation JS de l'opération de nœud de suppression DOM
Cet article présente principalement l'implémentation JS de l'opération de suppression de nœud DOM et analyse les techniques d'implémentation associées de JavaScript utilisant removeChild() pour faire fonctionner la fonction de suppression de nœud dom de page sous forme d'exemples. Les amis dans le besoin peuvent se référer à cet article.
L'exemple décrit l'implémentation JS de l'opération de suppression de nœud DOM. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
1 Introduction
La suppression de nœuds s'effectue à l'aide du removeChild()
méthode. La méthode
removeChild()
est utilisée pour supprimer un nœud enfant.
obj. removeChild(oldChild)<br>
oldChild : Indique le nœud qui doit être supprimé.
2 Utilisez
pour supprimer des nœuds Cet exemple supprimera dynamiquement le texte sélectionné sur la page via la méthode removeChild()
du DOM. objet.
Trois codes
<!DOCTYPE html> <html> <head> <title>www.jb51.net 删除节点</title> <script language="javascript"> <!-- function delNode() { var deleteN=document.getElementById('di'); if(deleteN.hasChildNodes()) { deleteN.removeChild(deleteN.lastChild); } } --> </script> </head> <body> <h1>删除节点</h1> <p id="di"> <p>第一行文本</p> <p>第二行文本</p> <p>第三行文本</p> </p> <form> <input type="button" value="删除" onclick="delNode();"/> </form> </body> </html>
Quatre résultats en cours
Recommandations associées :
Méthodes de JS et JQuery pour manipuler le DOM
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!