Cette fois, je vais vous présenter un résumé de la méthode de suppression des nœuds d'objets DOM avec JS Quelles sont les précautions pour supprimer des nœuds d'objets DOM avec JS Ce qui suit est un cas pratique, jetons un coup d'oeil.
1 Introduction
La suppression de nœuds s'effectue à 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() du DOM. objet.
Trois codes
<!DOCTYPE html>
<html>
<head>
<title>w删除节点</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>Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez. faites attention à d'autres questions connexes dans l'article du site Web chinois php !
Lecture recommandée :
Code pratique du projet Vue+Sortable
Comment utiliser vue+mint-ui dans le projet
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
