childnodes節點列表

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
document<
/title>
<
/head>
12132
213123
<
/div>
<
!-- 注釋內容 --
>
var divs = document.body.childnodes
// body 包含的子節點 文字 標籤 注釋 這些都是節點
// 標籤節點列表 nodelist 獲取body的子節點
// console.log(divs)
// nodename 節點名
// 所有文字節點名都是#text;
// console.log( document.body.childnodes[0].nodename )//#text
// console.log( document.body.childnodes[1].nodename )//div 標籤名就是大寫的
console.
log(divs)
for(
var item of divs )
console.
log( item.nodename,item.nodevalue,item.nodetype )
}// 注釋的nodename 是#comment
console.
log( document.nodename )
// document的nodename是#document
// 文字節點的item.nodevalue 就是文字內容
// 標籤節點的item.nodevalue 就是null
// 注釋節點的item.nodevalue 就是注釋內容
// nodetype 節點型別 是數字表示不同的節點型別
<
/script>
<
/body>
<
/html>

訪問子節點childNodes

訪問選定元素節點下的所有子節點的列表，返回的值可以看作是乙個陣列，他具有length屬性。語法 elementnode.childnodes 注意 1.ie全系列 firefox chrome opera safari相容問題 2.節點之間的空白符，在firefox chrome opera saf...

children和childNodes 的區別

1，childnodes 屬性，標準的，它返回指定元素的子元素集合，包括html節點，所有屬性，文字。可以通過nodetype來判斷是哪種型別的節點，只有當nodetype 1時才是元素節點，2是屬性節點，3是文字節點。有些人錯誤的使用 去取該集合元素，下表列出各瀏覽器對childnodes i 的...

childNodes中nodeType的12種型別

element node 1 元素節點 attribute node 2 屬性節點 text node 3 文字節點 cdata section node 4 cdata 區段 entity reference node 5 實體引用元素 entity node 6 實體 processing in...