一、常用節點類型:
nodeType:節點類型
nodeName:節點名稱
nodeValue:節點值
1、查看節點類型(控制台操作):
獲取元素:var p = document.getElementById("header");
查看節點類型:p.nodeType(返回1)
demo節點類型有12種,常用有3種,1表示元素節點、2表示屬性節點、3表示文本節點
判斷是否為元素節點:p.nodeType == p.ELEMENT_NODE
2、查看節點名稱:p.nodeName
3、查看節點的值:p.nodeValue(標簽,因此值為null)
二、3種常用節點類型
1、判斷是否為元素節點:p.nodeType == p.ELEMENT_NODE
2、判斷是否為屬性節點:p.attributes
3、判斷是否為文本節點:p.childNodes(返回當前元素的字子節點)獲得標簽中的屬性
節點類型:p.childNodes[0].nodeType
驗證節點類型是否正確:p.childNodes[0].nodeType == p.childNodes[0].TEXT_NODE
節點名稱:p.childNodes[0].nodeName
節點中值:p.childNodes[0].nodeValue
文本長度:p.childNodes[0].length
<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title>JJavaScript常用節點類型</title> </head> <body> <p id="header">JavaScript學習</p> </body> </html>