Maison > interface Web > js tutoriel > Comment supprimer des nœuds en javascript

Comment supprimer des nœuds en javascript

青灯夜游
Libérer: 2023-01-04 09:33:54
original
12318 Les gens l'ont consulté

Comment supprimer des nœuds en JavaScript : 1. Utilisez la méthode Remove(), qui peut être utilisée pour supprimer tous les éléments du nœud parent, y compris tous les nœuds de texte et enfants. 2. Utilisez la méthode RemoveChild() ; , qui peut être utilisé pour supprimer le nœud parent d'un nœud enfant de .

Comment supprimer des nœuds en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, ECMAScript version 5, ordinateur Dell G3.

En JavaScript, vous pouvez utiliser la méthode RemoveChild() ou Remove() pour supprimer des nœuds.

1. Utilisez removeChild() pour supprimer un nœud La méthode

removeChild() supprime un nœud enfant spécifié de l'élément spécifié. Renvoie le nœud supprimé en tant qu'objet Node, ou null si le nœud n'existe pas.

Syntaxe

node.removeChild(node)
Copier après la connexion
  • nœud : obligatoire. L'objet nœud que vous souhaitez supprimer.

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<ul id="myList"><li>Coffee</li><li>Tea</li><li>Milk</li></ul>
<p id="demo">单击按钮移除列表的第一项</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
	var list=document.getElementById("myList");
	list.removeChild(list.childNodes[0]);
}
</script>

</body>
</html>
Copier après la connexion

Rendu :

Comment supprimer des nœuds en javascript

[Apprentissage recommandé : js Basic tutoriel

2. Utilisez la méthode Remove() pour supprimer des nœuds

La méthode Remove() peut être utilisée pour supprimer tous les éléments du nœud parent. , y compris tous les nœuds de texte et enfants.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
</head> 
  
<body> 
    <ul style="border: 2px dashed #006DAF;"> 
        <li>Get Up in Morning</li> 
        <li>Do some exercise</li> 
        <li>Get Ready for school</li> 
        <li>Study Daily</li> 
        <li>Do homework</li> 
    </ul> 
    <input id="btn" type="button" value="删除子节点"> 
</body> 
<script> 
    function deleteChild() { 
        var e = document.querySelector("ul"); 
        var first = e.firstElementChild; 
        while (first) { 
            first.remove(); 
            first = e.firstElementChild; 
        } 
    } 
    var btn = document.getElementById("btn").onclick = function() { 
        deleteChild(); 
    } 
</script> 
  
</html>
Copier après la connexion

Rendu :

Comment supprimer des nœuds en javascript

Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !

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