在文檔對象模型 (DOM) 中设拟，每個節(jié)點都是一個對象讨便。DOM 節(jié)點有三個重要的屬性：
- nodeName : 節(jié)點的名稱
- nodeValue ：節(jié)點的值
- nodeType ：節(jié)點的類型
一带迟、nodeName 屬性:
節(jié)點的名稱爬立，是只讀的命锄。
- 元素節(jié)點的 nodeName 與標簽名相同
- 屬性節(jié)點的 nodeName 是屬性的名稱
- 文本節(jié)點的 nodeName 永遠是 #text
- 文檔節(jié)點的 nodeName 永遠是 #document
二堰乔、nodeValue 屬性：
節(jié)點的值
- 元素節(jié)點的 nodeValue 是 undefined 或 null
- 文本節(jié)點的 nodeValue 是文本自身
- 屬性節(jié)點的 nodeValue 是屬性的值
三、nodeType 屬性:
節(jié)點的類型脐恩，是只讀的镐侯。
以下常用的幾種結(jié)點類型:
元素類型 節(jié)點類型
元素 1
屬性 2
文本 3
注釋 8
文檔 9
任務
試一試，在<script>的標簽內(nèi)容驶冒，獲取所有LI標簽苟翻，并輸出相應節(jié)點的名稱、節(jié)點的值骗污、節(jié)點的類型崇猫。
案例
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>節(jié)點屬性</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>
效果圖
效果圖
