Maison >interface Web >js tutoriel >Comment supprimer dom en javascript

Comment supprimer dom en javascript

藏色散人
藏色散人original
2021-03-30 14:51:437999parcourir

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()".

Comment supprimer dom en javascript

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(&#39;di&#39;);
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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn