1、JavaScript定位元素的幾種方式

• 通過id獲取

document.getElementById('id')  # 獲取的事單個

• 通過name獲取

document.getElementsByName(“Name”)[0]  # 獲取的是多個返回的是list

• 通過標籤名選取元素

document.getElementsByTagName(“tag”) # 獲取的是多個

• 通過CLASS類選取元素

document.getElementsByClassName(“class”) # 獲取的是多個
# 相容性：IE8及其以下版本的瀏覽器未實現getElementsByClassName方法

• 通過CSS選擇器選取元素

document.querySelector (“css selector”) # 獲取的是單個
document.querySelectorAll(“css selector") # 獲取的是多個
# 相容性：IE8及其以下版本的瀏覽器只支援CSS2標準的選擇器語法 

1、只有id屬性定位是單個元素

document.getElementById(“id”)

• 示例：

document.getElementById("birth_day").removeAttribute("readonly");

2、Name屬性

document.getElementsByName(“Name”)[0] # 獲取的是多個
 

• 示例：

document.getElementsByName("birthday")[0].removeAttribute("readonly");

3、class屬性定位

document.getElementsByClassName(“class”) # 獲取的是多個

• 示例：

document.getElementsByClassName("more")[1].scrollIntoView();