JavaScript中怎么獲取節點類型

JavaScript中怎么獲取節點類型，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

　　JavaScript怎樣獲取節點類型、節點名稱和節點值

　　節點類型

　　DOM節點中，每個節點都擁有不同的類型。

　　W3C規范中常用的 DOM節點類型有以下幾種：

　　節點類型 說明 值

　　元素節點 每一個HTML標簽都是一個元素節點，如 div> 、 p>、ul>等 1

　　屬性節點 元素節點(HTML標簽)的屬性，如 id 、class 、name 等。 2

　　文本節點 元素節點或屬性節點中的文本內容。 3

　　注釋節點 表示文檔注釋，形式為!-- comment text -->。 8

　　文檔節點 表示整個文檔(DOM 樹的根節點，即 document ) 9

　　獲取節點類型的語法：

　　nodeObject.nodeType

　　其中，nodeObject 為DOM節點(節點對象)。該屬性返回以數字表示的節點類型，例如，元素節點返回 1，屬性節點返回 2 。

　　例如，獲取id="demo"的div>標簽的節點類型：

　　?

　　1

　　document.getElementById("demo").nodeType;

　　該語句的返回值為 1 。

　　舉例，獲取元素節點和文本節點的類型值：

　　div id="demo1">點擊這里顯示節點類型/div>

　　script type="text/javascript">

　　document.getElementById("demo1").onclick=function(){

　　var divType=this.nodeType;

　　var textType=this.firstChild.nodeType; // this 指當前發生事件的HTML元素，這里是div>標簽

　　alert(

　　"div>標簽的節點類型是："+divType+"\n"+

　　"div>標簽內部文本的節點類型是："+textType

　　);

　　}

　　/script>

　　JavaScript parentNode怎樣獲取父節點

　　語法：

　　nodeObject.parentNode

　　其中，nodeObject 為節點對象(元素節點)。

　　例如，獲取 id="demo"的節點的父節點：

　　?

　　1

　　document.getElementById("demo").parentNode;

　　舉例，獲取 id="demo" 的節點的父節點：

　　div>

　　div id="demo">點擊這里獲取父節點/div>

　　/div>

　　script type="text/javascript">

　　document.getElementById("demo").onclick=function(){

　　var demoParent=this.parentNode;

　　alert(

　　"父節點的名稱是："+demoParent.nodeName+"\n"+

　　"父節點的類型是："+demoParent.nodeType

　　);

　　}

　　/script>

關于JavaScript中怎么獲取節點類型問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。