如何在 CSS 定位器中使用正則表示式?


我們可以在 CSS 定位器中使用正則表示式。我們可以透過使用正則表示式部分匹配它們的屬性來識別元素。在 CSS 中,有多種方法可以實現這一點。它們列在下面 -

  • 使用萬用字元 *。這意味著字串包含我們給定的文字。

    語法 - driver.find_element_by_css_selector("input[name*='sel']")

    它將搜尋包含包含“sel”文字的“name”屬性的 input 標籤。

  • 使用萬用字元 ^。這意味著字串以我們給定的文字開頭。

    語法 - driver.find_element_by_css_selector("input[name^='Tut']")

    它將搜尋包含以“Tut”文字開頭的“name”屬性的 input 標籤。

  • 使用萬用字元 $。這意味著字串以我們給定的文字結尾。

    語法 - driver.find_element_by_css_selector("input[name$='nium']")

    它將搜尋包含以“nium”文字結尾的“name”屬性的 input 標籤。

示例

使用 * 萬用字元在 css 中實現程式碼。

from selenium import webdriver
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://tutorialspoint.tw/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of * in css selector
driver. find_element_by_css_selector("input[id*='sc-i']").
send_keys("Selenium")
#to close the browser
driver.close()

示例

使用 ^ 萬用字元在 css 中實現程式碼。

from selenium import webdriver
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://tutorialspoint.tw/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of ^ in css selector
driver. find_element_by_css_selector("input[id^='gsc']").
send_keys("Selenium")
#to close the browser
driver.close()

示例

使用 $ 萬用字元在 css 中實現程式碼。

from selenium import webdriver
driver = webdriver.Chrome(executable_path="C:\chromedriver.exe")
# to maximize the browser window
driver.maximize_window()
#get method to launch the URL
driver.get("https://tutorialspoint.tw/index.htm")
#to refresh the browser
driver.refresh()
# identifying the edit box with the help of $ in css selector
driver. find_element_by_css_selector("input[id$='id1']").
send_keys("Selenium")
#to close the browser
driver.close()

更新於: 2021-11-19

4K+ 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告