1. 程式人生 > >JavaScript - DOM節點常用屬性

JavaScript - DOM節點常用屬性

nodeType - 節點型別 (1:為元素節點   2:為為屬性節點   3:文字節點)

nodeName - 節點名稱

nodeValue - 節點的值

// HTML 原始碼中的任何內容最終都會轉化為 DOM 樹中的節點。元素轉為元素節點,屬性轉為屬性節點,文字轉為文字節點,註釋會轉為註釋節點。

一. 元素節點

  // 利用獲取元素的方法找到節點

1.檢視 h2 元素的節點型別

   元素節點常量 ELEMENT_NODE

 2.檢視節點名稱 

// 節點標籤名,以大寫來表示

3.檢視節點的值  // 標籤,沒有節點值,為空

二. 屬性節點

// 屬性 attributes

1.檢視屬性節點型別

   屬性節點常量 ATTRIBUTE_NODE

2.檢視節點名稱

3.檢視節點的值

三. 文字節點

//  childNodes 屬性(返回當前元素下的所有子節點)

1.檢視節點型別

2.檢視節點名稱

文字節點常量 TEXT_NODE

3.檢視節點的值