Maison >interface Web >js tutoriel >Supprimer les nœuds DOM à l'aide de JS

Supprimer les nœuds DOM à l'aide de JS

php中世界最好的语言
php中世界最好的语言original
2018-04-20 10:25:262506parcourir

Cette fois, je vais vous apporter les précautions pour supprimer des nœuds DOM à l'aide de JS et quelles sont les

précautions

pour supprimer des nœuds DOM à l'aide de JS. un cas pratique, jetons un coup d'oeil.

1 Introduction

removeChild()

La suppression de nœuds est réalisée en utilisant la 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 removeChild() de l'objet

DOM.

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>

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 :
Utiliser mint-ui dans vue


JS pour accéder au nœud DOM sélectionné (avec code)


Quelles sont les utilisations du swiper dans 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!

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