Maison > Article > interface Web > Résumé des méthodes JS pour supprimer les nœuds d'objet DOM

Résumé des méthodes JS pour supprimer les nœuds d'objet DOM

php中世界最好的语言original: 2018-06-11 14:29:452012parcourir

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(&#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>

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!

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：Résumé de l'accès JS aux méthodes de nœud d'objet DOMArticle suivant：Résumé de l'accès JS aux méthodes de nœud d'objet DOM

Articles Liés

Voir plus