如何查看當前文檔某個元素的子節點?有幾種方法
發表時間:2023-08-30 來源:明輝站整理相關軟件相關文章人氣:
[摘要]本篇文章給大家帶來的內容是關于如何查看當前文檔某個元素的子節點?有幾種方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。源代碼:<!DOCTYPE html>
<html lang = "zh-CN">
<head>
<...
本篇文章給大家帶來的內容是關于如何查看當前文檔某個元素的子節點?有幾種方法,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。
源代碼:
<!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;
//返回由子節點元素構成的數組,分別為text、div、text、script、text(text為空白文本節點)
</script>
方式二:
//在調試工具中添加一個watch中輸入
var b = document.getElementsByTagName("body");
//再添加一個監聽(watch)輸入
b[0].childNodes
//子節點有text、div、text
方式三:
//在Console中輸入
var b = document.getElementsByTagName("body");
//切換到Sources中,在watch中輸入
b[0].childNodes
//子節點有text、div、text
以上就是對如何查看當前文檔某個元素的子節點?有幾種方法的全部介紹,如果您想了解更多有關HTML視頻教程,請關注PHP中文網。
以上就是如何查看當前文檔某個元素的子節點?有幾種方法的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。