Maison > interface Web > js tutoriel > le corps du texte

JS exploite DOM pour supprimer des nœuds

php中世界最好的语言
Libérer: 2018-05-02 11:17:51
original
1501 Les gens l'ont consulté

Cette fois, je vais vous présenter les opérations JS pour supprimer des nœuds du DOM. Quelles sont les précautions pour l'opération JS pour supprimer des nœuds du DOM. Ce qui suit est un cas pratique, jetons un coup d'œil.

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é.

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>
Copier après la connexion

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article, veuillez venir pour des informations plus intéressantes. Faites attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation du composant de journal express par défaut Morgan

Explication détaillée des étapes de mise en œuvre du serveur- rendu latéral avec Nuxt.js

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal