Maison > Article > interface Web > JS exploite DOM pour supprimer des nœuds
JS exploite DOM pour supprimer des nœuds
- php中世界最好的语言original
- 2018-05-02 11:17:511442parcourir
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('di');
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 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!