通过JS定位,我们可以在dom树中找到我们需要的节点,并进行下一步的操作。
除了id是定位到的是单个element元素对象,其它的都是elements返回的是list对象
1.通过ID定位
- 文档:详情
document.getElementById("id")
2.通过name定位
- 文档:详情
document.getElementsByName("name")
3.通过标签名选取元素
- 文档:详情
document.getElementsByTagName("tag")
document.getElementsByTagName("h2")
4.通过CLASS类选取元素
- 文档:详情
document.getElementsByClassName("class")
document.getElementsByClassName("input-text")[0]
document.getElementsByClassName("input-text")[1]
兼容性:IE8及其以下版本的浏览器未实现getElementsByClassName方法
5.通过CSS选择器选取元素
- 来源:详情
获取文档中 class="example" 的所有元素,
var x = document.querySelectorAll(".example");
兼容性:IE8及其以下版本的浏览器只支持CSS2标准的选择器语法
喜爱:querySelector()
- 文档:详情
document.querySelector(".po-topic-circle")
document.querySelector("#page .po-topic-circle")