通過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")