?
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>
?
作者:??咸瑜???