如何在 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+ 閱讀量

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.