Maison > Article > développement back-end > Exemple d'implémentation JS de l'opération de nœud de suppression DOM

Exemple d'implémentation JS de l'opération de nœud de suppression DOM

不言original: 2018-04-04 17:16:112136parcourir

Cet article présente principalement l'implémentation JS de l'opération de suppression de nœud DOM et analyse les techniques d'implémentation associées de JavaScript utilisant removeChild() pour faire fonctionner la fonction de suppression de nœud dom de page sous forme d'exemples. Les amis dans le besoin peuvent se référer à cet article.

L'exemple 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)<br>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>www.jb51.net 删除节点</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

Recommandations associées :

js---Nœud DOM

Méthodes de JS et JQuery pour manipuler le DOM

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：Analyse des différences entre die(), exit() et return en phpArticle suivant：Analyse des différences entre die(), exit() et return en php

Articles Liés

Voir plus