Heim > Web-Frontend > HTML-Tutorial > Wie werden die untergeordneten Knoten eines Elements im aktuellen Dokument angezeigt? Es gibt mehrere Möglichkeiten

Wie werden die untergeordneten Knoten eines Elements im aktuellen Dokument angezeigt? Es gibt mehrere Möglichkeiten

云罗郡主
Freigeben: 2018-10-17 15:40:02
nach vorne
2896 Leute haben es durchsucht

In diesem Artikel erfahren Sie, wie Sie die untergeordneten Knoten eines Elements im aktuellen Dokument anzeigen können. Es gibt mehrere Methoden, die einen gewissen Referenzwert haben. Ich hoffe, dass sie für Sie hilfreich sind.

Quellcode:

<!DOCTYPE html>
<html lang = "zh-CN">
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<div>Hello</div>
</body>
</html>
Nach dem Login kopieren

Methode eins:

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

Methode zwei:

//在调试工具中添加一个watch中输入
var b = document.getElementsByTagName("body");
//再添加一个监听(watch)输入
b[0].childNodes
//子节点有text、div、text
Nach dem Login kopieren

Methode drei:

//在Console中输入
var b = document.getElementsByTagName("body");
//切换到Sources中,在watch中输入
b[0].childNodes
//子节点有text、div、text
Nach dem Login kopieren

Wie werden die untergeordneten Knoten eines Elements im aktuellen Dokument angezeigt? Es gibt vollständige Einführungen zu mehreren Methoden. Wenn Sie mehr über HTML-Video-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWie werden die untergeordneten Knoten eines Elements im aktuellen Dokument angezeigt? Es gibt mehrere Möglichkeiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage