?
ChildNodes? 他返回的是一個
此屬性返回子節(jié)點全部的集合?。海ü?jié)點文本、屬性 、 都算?。。?/p>
可以用leng查看有多少 還可以遍歷啊 !?
它返回的是包含子節(jié)點的 NodeList,如果沒有子節(jié)點,則該屬性返回不包含節(jié)點的 NodeList。如需循環(huán)子節(jié)點列表,使用 nextSibling 屬性,要比使用父對象的 childNodes 列表效率更高。
?其實 這個ChildNodes 我也不怎么會用 還是 要研究下呢....待補充···
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
</head>
<body>
<div>
????<p>永遠的學(xué)生<b>!</b></p>
</div>
<script?type="text/javascript">
????var?div??=?document.getElementsByTagName("div")[0].childNodes;
????document.write(div.length);?//?打印出是3?(節(jié)點數(shù))?
????console.log(div);???
</script>
</body>
</html>
其實還有一個屬性叫:
?
children他返回的是一個是一個 HTMLCollection 對象。(里面裝的是子元素的各元素節(jié)點)
根據(jù)子元素在元素中出現(xiàn)的先后順序進行排序。使用 HTMLCollection對象的 length屬性獲取子元素的數(shù)量,然后使用序列號(index,起始值為0)訪問每個子元素。
<!DOCTYPE?html>
<html?lang="en">
<head>
????<meta?charset="UTF-8">
????<title>Title</title>
</head>
<body>
<div>
????<p>永遠的學(xué)生<b>!</b></p>
</div>
<script?type="text/javascript">
????var?div??=?document.getElementsByTagName("div")[0].children;
????document.write(div.length);?//?打印出是1?(子元素?個數(shù))
????console.log(div);
</script>
</body>
</html>
?
作者:??咸瑜???