明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

如何查看當前文檔某個元素的子節(jié)點？有幾種方法

發(fā)表時間：2023-08-30 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何查看當前文檔某個元素的子節(jié)點？有幾種方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。源代碼：<!DOCTYPE html> <html lang = "zh-CN"> <head> <...

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于如何查看當前文檔某個元素的子節(jié)點？有幾種方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

源代碼：

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

方式一：

//直接在html文檔中嵌入javascript代碼，如下：
<script>
var b = document.getElementsByTagName（"body"）；
//當前文檔中值存在一個body元素時，直接使用b[0]獲取
var childNodes_count = b[0].childNodes;
//返回由子節(jié)點元素構(gòu)成的數(shù)組，分別為text、div、text、script、text（text為空白文本節(jié)點）
</script>

方式二：

//在調(diào)試工具中添加一個watch中輸入
var b = document.getElementsByTagName（"body"）；
//再添加一個監(jiān)聽（watch）輸入
b[0].childNodes
//子節(jié)點有text、div、text

方式三：

//在Console中輸入
var b = document.getElementsByTagName（"body"）；
//切換到Sources中，在watch中輸入
b[0].childNodes
//子節(jié)點有text、div、text

以上就是對如何查看當前文檔某個元素的子節(jié)點？有幾種方法的全部介紹，如果您想了解更多有關(guān)HTML視頻教程，請關(guān)注PHP中文網(wǎng)。

以上就是如何查看當前文檔某個元素的子節(jié)點？有幾種方法的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設是一個廣義的術(shù)語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。