【selenium】30、JavaScript定位元素的几种方式

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();