dom是什么屬性(DOM節點的屬性是什么)

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屬性

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

調用 nodeType 返回的是數字

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

屬性節點(元素節點上的屬性) —— 2

文本節點 (DOM中用于呈現文本的部分)—— 3

注釋節點(注釋部分的節點) —— 8

document —— 9

DocumentFragment —— 11

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

nodeName屬性

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

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

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

nodeValue屬性

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

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

感謝各位的閱讀!關于DOM節點的屬性是什么就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!