js之節點獲取

1.  元素節點獲取有很多方法

Document.getElementById()

Document.getElementsByClassName()

Document.getElementsByTagName()

Document.querySelector()

Document.querySelectorAll()

2.  屬性節點的獲取

 

元素.attributes 獲取元素身上所有屬性構成的集合（數組）

 

得到里面的值元素.attributes[1].value

 

元素.getAttribute(“屬性名”) 獲取屬性值的方法

 

元素.setAttribute(“屬性名”,”屬性值”)  給元素設置屬性和屬性值

3. 獲取元素的子節點

 

元素.childNodes  這個屬性有兼容性標准瀏覽器會獲取到文本節點

 

而低版本瀏覽器不會。所以建議使用children這個屬性。

 

獲取單個子節點

 

獲取第一個孩子

 

標准下元素.firstElementChild

 

非標准下元素.firstChild

 

兼容下寫法

 

var list=document.getElementById("list")

 

var fist=list.firstElementChild||list.firstChild

 

console.log(fist)

 

獲取最后一個子節點

 

元素.lastElementChild     元素.lastchild

 

獲取上一個兄弟節點

 

元素.previousSibling

 

元素.previousElementSibling

 

獲取下一個兄弟節點

 

元素.nextSibling

 

元素.nextElementSibling