通過JS定位，我們可以在dom樹中找到我們需要的節(jié)點(diǎn)，并進(jìn)行下一步的操作。

除了id是定位到的是單個(gè)element元素對(duì)象，其它的都是elements返回的是list對(duì)象

1.通過ID定位

• 文檔：詳情

document.getElementById("id")

2.通過name定位

• 文檔：詳情

document.getElementsByName("name")

3.通過標(biāo)簽名選取元素

• 文檔：詳情

document.getElementsByTagName("tag")
document.getElementsByTagName("h2")

4.通過CLASS類選取元素

• 文檔：詳情

document.getElementsByClassName("class")
document.getElementsByClassName("input-text")[0]
document.getElementsByClassName("input-text")[1]

兼容性：IE8及其以下版本的瀏覽器未實(shí)現(xiàn)getElementsByClassName方法

5.通過CSS選擇器選取元素

• 來(lái)源：詳情

獲取文檔中 class="example" 的所有元素,

var x = document.querySelectorAll(".example");

兼容性：IE8及其以下版本的瀏覽器只支持CSS2標(biāo)準(zhǔn)的選擇器語(yǔ)法

喜愛：querySelector()

• 文檔：詳情

document.querySelector(".po-topic-circle")
document.querySelector("#page .po-topic-circle")