通过方法获取元素:
1.旧方法:
1.通过id名获取元素,如果没找到,返回null,它的查找速度最快
document.getElementById("标签名")
2.获取节点容器,返回一个类数组,如果没有,返回空数组
document.getElementsByClassName()
3.通过name获取,返回类数组()
document.getElementsByName()
4.通过标签名获取节点
document.getElementsByTagName()
2.H5新出的方法:
1.通过选择器,进行获取,返回第一个符合的元素,如果没有,就返回null
document.querySelector("#")
2.获取全部符合的元素
document.querySelectorAll()
除了这些还有一些可以直接获取: body、forms(表单们)、anchors(a标签们)、images(图片们)、links(链接们)、URL(当前文档的网址)
使用方法: 例:document.body
通过关系获取元素:
1.
父元素:parentElement
父节点:parentNode
2.
子元素们:children(如果没有,就返回空数组)
子节点们 :childNodes(如果没有,就返回空数组)
3.
上一个兄弟节点:previousSibling(如果没有,就返回null)
上一个兄弟元素:previousElementSibling(如果没有,就返回null)
下一个兄弟节点:nextSibling(如果没有,就返回null)
下一个兄弟元素:nextElementSibling(如果没有,就返回null)
4.
第一个子节点:firstChild
第一个子元素:firstElementChild
最后一个子节点:lastChild
最后一个子元素:lastElementChild
使用方法:
例:var div=document.querySelector("#script").firstChild
代表获取script标签里面的第一个子节点