Maison > interface Web > tutoriel HTML > le corps du texte

Comment visualiser les nœuds enfants d'un élément dans le document courant ? Il existe plusieurs façons

云罗郡主
Libérer: 2018-10-17 15:40:02
avant
2876 Les gens l'ont consulté

Ce que cet article vous apporte, c'est comment visualiser les nœuds enfants d'un élément dans le document actuel ? Il existe plusieurs méthodes qui ont une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela vous sera utile.

Code source :

<!DOCTYPE html>
<html lang = "zh-CN">
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<div>Hello</div>
</body>
</html>
Copier après la connexion

Première méthode :

//直接在html文档中嵌入javascript代码,如下:
<script>
var b = document.getElementsByTagName("body");
//当前文档中值存在一个body元素时,直接使用b[0]获取
var childNodes_count = b[0].childNodes;
//返回由子节点元素构成的数组,分别为text、div、text、script、text(text为空白文本节点)
</script>
Copier après la connexion

Méthode deux :

//在调试工具中添加一个watch中输入
var b = document.getElementsByTagName("body");
//再添加一个监听(watch)输入
b[0].childNodes
//子节点有text、div、text
Copier après la connexion

Méthode 3 :

//在Console中输入
var b = document.getElementsByTagName("body");
//切换到Sources中,在watch中输入
b[0].childNodes
//子节点有text、div、text
Copier après la connexion

Ce qui précède est de savoir comment afficher les nœuds enfants d'un élément dans le document actuel ? Il existe des introductions complètes à plusieurs méthodes. Si vous souhaitez en savoir plus sur le Tutoriel vidéo HTML, veuillez faire attention au site Web PHP chinois.

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:csdn.net
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