當(dāng)前位置:首頁(yè) > IT技術(shù) > 編程語(yǔ)言 > 正文

JavaScript - 兩個(gè)屬性 關(guān)于子節(jié)點(diǎn)集合
2022-05-31 17:20:53


?

ChildNodes? 他返回的是一個(gè)

此屬性返回子節(jié)點(diǎn)全部的集合啊:(節(jié)點(diǎn)文本、屬性 、 都算?。。?/p>

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

它返回的是包含子節(jié)點(diǎn)的 NodeList,如果沒(méi)有子節(jié)點(diǎn),則該屬性返回不包含節(jié)點(diǎn)的 NodeList。如需循環(huán)子節(jié)點(diǎn)列表,使用 nextSibling 屬性,要比使用父對(duì)象的 childNodes 列表效率更高。

?其實(shí) 這個(gè)ChildNodes 我也不怎么會(huì)用 還是 要研究下呢....待補(bǔ)充···

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

</div>

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


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

其實(shí)還有一個(gè)屬性叫:

?

children他返回的是一個(gè)是一個(gè) HTMLCollection 對(duì)象。(里面裝的是子元素的各元素節(jié)點(diǎn))

根據(jù)子元素在元素中出現(xiàn)的先后順序進(jìn)行排序。使用 HTMLCollection對(duì)象的 length屬性獲取子元素的數(shù)量,然后使用序列號(hào)(index,起始值為0)訪問(wèn)每個(gè)子元素。

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

</div>

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


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

?


作者:??咸瑜???


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

開(kāi)通會(huì)員,享受整站包年服務(wù)立即開(kāi)通 >