DOM節點根據它類別的不同因而具有不同的屬性。比如對于標簽的元素節點<a>具有與鏈接相關的屬性，對于<input>標簽的具有與輸入相關的屬性等等。文本節點與元素節點不同，但是在它們之間也存在許多共同的屬性和方法，因為所有DOM節點都會形成單個層次結構。每個DOM節點都屬于相應的內置類。

結構層次（樹形）

（1）根是EventTarget，它由Node繼承 ，其他DOM節點從它繼承。

（2）EventTarget是根“抽象”類，而且永遠不會創建該類的對象，因為它是所有節點的基礎，所以所有DOM節點都支持

（3）Node 同樣也是一個“抽象”類，用作DOM節點的基礎。它的核心是parentNode，nextSibling，childNodes等，同樣Node也不會創建類的對象，但是會有一些從中繼承具體節點的類，比如Text用于文本節點，Element用于元素節點

（4）Element 是DOM元素的基礎，它提供如getElementsByTagName，querySelector等方法

nodeType屬性

表示該節點的類型，只返回這個div的所有元素節點

調用 nodeType 返回的是數字

元素節點 (通常指一對開閉合標簽的元素)—— 1

屬性節點（元素節點上的屬性） —— 2

文本節點 （DOM中用于呈現文本的部分）—— 3

注釋節點（注釋部分的節點） —— 8

document —— 9

DocumentFragment —— 11

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];
</script>

nodeName屬性

給定一個DOM節點，我們可以從nodeName或者tagName屬性中讀取它的標簽名稱；

注意：tagName屬性僅適用于Element節點中，而nodeName節點是相對于任何定義Node節點。

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
	var div=document.getElementsByTagName("div")[0];
</script>

nodeValue屬性

Text 文本節點或 Comment 注釋節點的文本內容,可讀寫

<div>
<p>123</p>
<i></i>
<span></span>
</div>	
<script type="text/javascript">
var div=document.getElementsByTagName("div")[0];
</script>

總結：以上就是本篇文章全部的內容了，希望對大家學習DOM屬性有所幫助。

以上就是DOM節點的屬性有哪些的詳細內容，更多請關注php中文網其它相關文章！