在文檔對象模型 (DOM) 中，每個節點都是一個對象。DOM 節點有三個重要的屬性：
- nodeName : 節點的名稱
- nodeValue ：節點的值
- nodeType ：節點的類型
一、nodeName 屬性:
節點的名稱，是只讀的。
- 元素節點的 nodeName 與標簽名相同
- 屬性節點的 nodeName 是屬性的名稱
- 文本節點的 nodeName 永遠是 #text
- 文檔節點的 nodeName 永遠是 #document
二、nodeValue 屬性：
節點的值
- 元素節點的 nodeValue 是 undefined 或 null
- 文本節點的 nodeValue 是文本自身
- 屬性節點的 nodeValue 是屬性的值
三、nodeType 屬性:
節點的類型，是只讀的。
以下常用的幾種結點類型:
元素類型 節點類型
元素 1
屬性 2
文本 3
注釋 8
文檔 9
任務
試一試，在<script>的標簽內容，獲取所有LI標簽，并輸出相應節點的名稱、節點的值、節點的類型。
案例
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>節點屬性</title>
</head>
<body>
<ul>
<li>javascript</li>
<li>HTML/CSS</li>
<li>jQuery</li>
</ul>
<script type="text/javascript">
var lis=document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++){
var nodename=lis[i].nodeName;
var nodevalue=lis[i].nodeValue;
var nodetype=lis[i].nodeType;
document.write("nodename "+nodename+"<br>nodevalue "+nodevalue+"<br>nodetype "+nodetype+"<br>");
}
</script>
</body>
</html>
效果圖
效果圖
