JS exploite DOM pour supprimer des nœuds-js tutoriel-php.cn

JS exploite DOM pour supprimer des nœuds

php中世界最好的语言

Libérer： 2018-05-02 11:17:51

original

1489 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!