Pour les éléments DOM, children fait référence aux sous-objets du type DOM Object, à l'exclusion des objets TextNode qui existent de manière invisible entre les balises, et childNodes inclut les objets TextNode qui existent de manière invisible entre les balises.
Regardez spécifiquement les tests pour les enfants et les childNodes dans l'environnement Chrome :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<div id="div1" class="div">
<span id="s1" class="sp" lang="zh-cn">
</span>
</div>
</body>
<script type="text/javascript">
function test() {
var o = document.getElementById("div1");
var child = o.children;
console.log("div1.children运行结果:");
for(i = 0; i < child.length; i++){
console.log(child[i].tagName);
}
console.log("");
child = o.childNodes;
console.log("div1.childNodes运行结果:");
for(i = 0; i < child.length; i++){
console.log(child[i].tagName);
}
}
test();
</script>
</html>
Les résultats des tests sont les suivants :
div1.children运行结果: SPAN div1.childNodes运行结果: undefined SPAN undefined
Il y a deux nœuds non définis dans le résultat de la collection childNodes ci-dessus, et ces deux-là sont TextNode avec nodeType=3.
Si le code HTML est écrit dans le style suivant, il n'y aura aucune différence dans les résultats des enfants et des childNodes.
<body> <div id="div1" class="div"><span id="s1" class="sp" lang="zh-cn"></span></div> </body>
Aucune autre différence n'a été trouvée dans la mesure réelle des éléments HTML tels que le document, l'en-tête, le corps et le div
Comment obtenir la longueur d'un tableau en js
La différence entre les pages Web statiques et les pages Web dynamiques
js actualiser la page actuelle
js arrondi
Quelle est la différence entre les téléphones mobiles 4g et 5g ?
La différence entre les K8 et Docker
La différence entre le magasin phare autogéré de JD.com et son magasin phare officiel
méthode js pour supprimer le nœud
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
