JS定位

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