获取 Selenium 中选定元素的所有 CSS 属性的值

Question

假设我通过它的 XPath 找到了一个元素：

WebElement we = driver.findElement(By.xpath("some XPath"));

我知道我可以通过we.getCssValue("some property") 获取特定 CSS 属性的值，但是我是否可以在不显式提及其名称的情况下获取所有属性的值？

Answer 1

很遗憾

本机 Selenium API 无法做到这一点。

但是使用 Javascript 你可以：

您可以使用一些 javascript 支持，使用 Seleniums 的 JavascriptExecutor.executeScript 功能。

必要的js代码可以在here和here找到（由@Mahsum Akbas提出）

现在这里是 Java/Selenium 代码，它将以“css-attribute01:value01; css-attribute02:value02;”的形式返回一个字符串。

请注意，这将返回元素上的 ALL css-attributes。

WebElement we = driver.findElement(By.tagName("div"));
JavascriptExecutor executor = (JavascriptExecutor)driver;
String script = "var s = '';" +
                "var o = getComputedStyle(arguments[0]);" +
                "for(var i = 0; i < o.length; i++){" +
                "s+=o[i] + ':' + o.getPropertyValue(o[i])+';';}" + 
                "return s;";

System.out.println(executor.executeScript(script, we));

您可以根据需要更改脚本。例如，您可以返回一个字符串，该字符串仅包含没有属性的所有值。随意更改和试验。

更新

如果您只对元素的内联样式感兴趣，那么您可以使用 @JeffC 在 cmets 中指出的“原生”Selenium：

driver.findElement(By.tagName("div")).getAttribute("style")

但是！：

这只会为您提供“内联样式”，而不是应用于元素的所有 css 样式。如果您一个接一个地运行两个版本并打印结果，您会看到巨大的差异。

Answer 2

使用上述脚本获取所有计算样式属性的 Python 版本：

from selenium import webdriver
from pprint import pprint
#require geckodriver in the directory where this script runs
driver = webdriver.Firefox()
driver.get('https://stackoverflow.com')

#Set the element object to the inbox messages icon
element = driver.find_element_by_xpath('//a[@title="Recent inbox messages"]')

#Get all of the style properties for this element into a dictionary
styleprops_dict = driver.execute_script('var items = {};'+
                                   'var compsty = getComputedStyle(arguments[0]);'+
                                    'var len = compsty.length;'+
                                    'for (index = 0; index < len; index++)'+
                                    '{items [compsty[index]] = compsty.getPropertyValue(compsty[index])};'+
                                    'return items;', element)
pprint(styleprops_dict)