Maison > Article > interface Web > Comment supprimer dom en javascript
Comment supprimer dom en javascript
- 藏色散人original
- 2021-03-30 14:51:437948parcourir
Comment supprimer dom en JavaScript : créez d'abord un exemple de fichier HTML et créez un bouton ; puis supprimez le nœud en utilisant la méthode "removeChild()".
L'environnement d'exploitation de cet article : système Windows 7, version JavaScript 1.8.5, ordinateur DELL G3.
Exemple d'implémentation JS de l'opération de suppression de nœud DOM
1 Introduction
La suppression des nœuds est réalisée à l'aide de la méthode removeChild(). La méthode
removeChild() est utilisée pour supprimer un nœud enfant.
obj. removeChild(oldChild)
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() de l'objet DOM.
3. Code
<!DOCTYPE html>
<html>
<head>
<title>删除节点</title>
<script language="javascript">
<!--
function delNode()
{
var deleteN=document.getElementById('di');
if(deleteN.hasChildNodes())
{
deleteN.removeChild(deleteN.lastChild);
}
}
-->
</script>
</head>
<body>
<h1>删除节点</h1>
<div id="di">
<p>第一行文本</p>
<p>第二行文本</p>
<p>第三行文本</p>
</div>
<form>
<input type="button" value="删除" onclick="delNode();"/>
</form>
</body>
</html>[Apprentissage recommandé : Tutoriel de base js]
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!