Comment implémenter la suppression DOM des nœuds dans JS-js tutoriel-php.cn

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

php中世界最好的语言

Libérer： 2018-04-08 10:52:02

original

2805 Les gens l'ont consulté

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>

Copier après la connexion

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!