Cette fois, je vais vous montrer comment supprimer des nœuds dans le DOM à l'aide de JS. Quelles sont les précautions pour supprimer des nœuds dans le DOM à l'aide de JS. Ce qui suit est un cas pratique, jetons un coup d'oeil.
L'exemple de cet article 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)oldChild : Indique le nœud qui doit être supprimé.
La deuxième application
supprime le nœud Cet exemple supprimera dynamiquement la page via la méthode de l'objet DOM. removeChild() Texte sélectionné.
Trois codes
<!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>
<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 d'exécution
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 prêter attention aux autres articles connexes sur le site Web chinois de php !
Lecture recommandée :
Explication détaillée de l'utilisation de mint-ui dans vue
Conseils pour utiliser le plug swiper -en vue
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)
