JavaScript - 兩個屬性 關于子節點集合
2022-05-31 17:20:53


?

ChildNodes? 他返回的是一個

此屬性返回子節點全部的集合?。海ü濣c文本、屬性 、 都算?。。?/p>

可以用leng查看有多少 還可以遍歷啊 !?

它返回的是包含子節點的 NodeList,如果沒有子節點,則該屬性返回不包含節點的 NodeList。如需循環子節點列表,使用 nextSibling 屬性,要比使用父對象的 childNodes 列表效率更高。

?其實 這個ChildNodes 我也不怎么會用 還是 要研究下呢....待補充···

<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
</head>
<body>
<div>
????<p>永遠的學生<b>!</b></p>

</div>

<script?type="text/javascript">
????var?div??=?document.getElementsByTagName("div")[0].childNodes;
????document.write(div.length);?//?打印出是3?(節點數)?
????console.log(div);???


</script>
</body>
</html>

其實還有一個屬性叫:

?

children他返回的是一個是一個 HTMLCollection 對象。(里面裝的是子元素的各元素節點)

根據子元素在元素中出現的先后順序進行排序。使用 HTMLCollection對象的 length屬性獲取子元素的數量,然后使用序列號(index,起始值為0)訪問每個子元素。

<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
</head>
<body>
<div>
????<p>永遠的學生<b>!</b></p>

</div>

<script?type="text/javascript">
????var?div??=?document.getElementsByTagName("div")[0].children;
????document.write(div.length);?//?打印出是1?(子元素?個數)
????console.log(div);


</script>
</body>
</html>

?


作者:??咸瑜???


本文摘自 :https://blog.51cto.com/u


更多科技新聞 ......

欧美五月丁香六月综合合_成年在线视频免费观看完整版_交换国产精品视频一区_免费一本色道久久一区