DOM——获取元素的方式

257 阅读1分钟

通过方法获取元素:

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标签里面的第一个子节点