如何在 Selenium 中使用 JavaScript 查找网页元素?


我们可以借助 JavaScript 查找网页中的元素。我们还可以验证浏览器控制台(按 F12)中 JavaScript 方法返回的元素。查找元素的 JavaScript 方法如下:

getElementsByTagname

获取与作为参数传递给方法的匹配标签名的元素集合。如果没有匹配的元素,则返回一个空集合。

语法

document.getElementsByTagName("<name of tag>")
To get the first matching element,
document.getElementsByTagName("<name of tag>")[0]

getElementsByName

获取与作为参数传递给方法的 name 属性匹配值的元素集合。如果没有匹配的元素,则返回一个空集合。

语法

document.getElementsByName("<value of name attribute>")
To get the first matching element,
document.getElementsByName("<value of name attribute >")[0]

getElementsByClassName

获取与作为参数传递给方法的 class 属性匹配值的元素集合。如果没有匹配的元素,则返回一个空集合。

语法

document.getElementsByClassName("<value of class attribute>")

要获取第一个匹配的元素,

document.getElementsByClassName("<value of class attribute >")[0]

getElementId

获取与作为参数传递给方法的 id 属性匹配值的元素。它通常会产生一个元素,因为 id 属性的值在页面中是唯一的。

如果没有匹配的元素,则返回 null。

语法

document.getElementById("<value of id attribute>")

querySelector

获取与作为参数传递给方法的 CSS 表达式匹配值的元素。如果没有匹配的元素,则返回 null。

语法

document.querySelector("<css expression>")

更新于:2021-04-03

2K+ 阅读量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告