js---DOM節點

這篇文章的內容是js中的DOM節點，在這裡分享給大家，也可以給有需要的朋友參考一下

一、獲得元素:

1.getElementsByTagName ()----所有瀏覽器都有這個方法，沒相容性問題

2.getElementById()---IE8.0以下，不區分Id的大小寫，也就是說也沒相容性問題

3.getElementsByClassName()---IE9.0以下沒有這個方法，有相容性問題。

4.getElementsByName()---name屬性，Input的name屬性，並非所有標籤都有效

5.querySelector('選擇器')---IE8.0以下不相容，選出來的是副本，再修改html中dom時，先前選出來的副本不會產生相應變化。

二、遍歷

遍歷節點樹：parentNode/childNodes/firstChild/lastChild/nextSibling/PreviousSibling---節點樹包含文字節點，註解節點，空節點

遍歷元素樹：除children之外，其他IE9以下都存在相容性問題

parentElement---最高的父級到html；

children---無相容性問題，只傳回目前元素的元素子節點

node.childElementCount===node.children.length目前節點的子元素個數

firstElementChild---傳回的是第一個元素節點（ IE不相容）

nextElementSibling/previousElementSibling

節點的類型：呼叫該節點nodeType

元素節點---1；屬性節點---2；文字節點- --3；註解節點---8；document---9；DocumentFragment---11

原型鏈：document--->HTMLDocument.prototype--->Document.p rototype

相關推薦：

js中DOM元素的操作方法

#js之DOM事件流詳解

JS中DOM如何操作

#

以上是js---DOM節點的詳細內容。更多資訊請關注PHP中文網其他相關文章！