JavaScript經常使用節點類型

時間 2019-12-13

標籤 javascript 經常使用節點類型欄目 JavaScript 简体版

原文原文鏈接

1、經常使用節點類型：html

　　nodeType：節點類型node

　　nodeName：節點名稱學習

　　nodeValue：節點值spa

　　一、查看節點類型（控制檯操做）：3d

　　　　獲取元素：var p = document.getElementById("header");code

　　　　查看節點類型：p.nodeType（返回1）htm

　　　　demo節點類型有12種，經常使用有3種，1表示元素節點、2表示屬性節點、3表示文本節點blog

　　判斷是否爲元素節點：p.nodeType == p.ELEMENT_NODEip

　　二、查看節點名稱：p.nodeNameget

　　三、查看節點的值：p.nodeValue（標籤，所以值爲null）

2、3種經常使用節點類型

　　一、判斷是否爲元素節點：p.nodeType == p.ELEMENT_NODE

　　二、判斷是否爲屬性節點：p.attributes

　　三、判斷是否爲文本節點: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>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。