javascript - 如何在selenium中通过类名修改css

Question

我正在学习如何在 python 中使用 Selenium我尝试修改 css http://www.google.com 上的风格.例如，<span class="gbts"> ....</span>在那个页面上。我想修改 gbts类(class)。

browser.execute_script("q = document.getElementById('gbts');" + "q.style.border = '1px solid red';")

是否有一个名为getElementByClass('gbts') 的API 方法？ ？

Answer 1

您问的是如何使用 JavaScript 通过其 CSS 类获取元素。与 Selenium 无关真的。

无论如何，您有几个选择。您可以先使用 Selenium 获取元素(所以在这里，是的，Selenium 是相关的):

element = driver.find_element_by_class_name("gbts")

有了这个元素的引用，给它一个边框就很容易了:

driver.execute_script("arguments[0].style.border = '1px solid red';")

(注意，arguments[0])

如果你真的必须单独使用 JavaScript 和 JavaScript，那么你的局限性很大。这是因为 JavaScript 中没有 getElementByClassName 函数。只有 getElementsByClassName，这意味着它会返回与给定类匹配的元素的列表。

因此，您必须具体针对返回的列表中的哪些元素，您想要更改。如果我想更改具有 gbts 类的 very first 元素，我会这样做:

driver.execute_script("document.getElementsByClassName('gbts')[0].style.border = '1px solid red';")

我建议您选择第一个选项，这意味着您可以让 Selenium 为您完成腿部工作。