Heim  >  Artikel  >  Web-Frontend  >  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

云罗郡主
云罗郡主nach vorne
2018-10-17 15:39:182836Durchsuche

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>

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>

Methode zwei:

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

Methode drei:

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

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:csdn.net. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen