Maison > Article > interface Web > Comment implémenter la suppression DOM des nœuds dans JS

Comment implémenter la suppression DOM des nœuds dans JS

php中世界最好的语言original: 2018-04-08 10:52:022837parcourir

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

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

Article précédent：Comment accéder au nœud spécifié de l'objet DOM dans JSArticle suivant：Comment accéder au nœud spécifié de l'objet DOM dans JS

Articles Liés

Voir plus