js之节点获取

Posted 2021-01-20 web大师·杨

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