使用Selenium WebDriver从IWebElement获取所有属性

Question

我想用Selenium从DOM中提取一些信息。我正在使用C#WebDriver。

查看IWebElement接口，您可以轻松提取给定的属性。然而，我想提取一个元素的所有属性，而不需要事先知道它们的名称。

必须有一些简单的方法来实现这一点，因为有一种方法可以获取属性值，如果您知道它的名称。

例如：

<button id="myButton" ng-click="blabla()" ng-show="showMyButton" 
     some-other-attribute="foo.bar" />



IWebElement element = driver.FindElement(By.Id("myButton"));
Dictionary<string, string> attributes = new Dictionary<string, string>();
// ???????
// Profit.

希望我错过了一些明显的东西。

提前感谢！

Answer 1

List<IWebElement> el = new List<IWebElement>(); el.AddRange(driver.FindElements(By.CssSelector("*")));

List<string> ag= new List<string>();
for (int b = 0; b < el.Count; b++)
{                    
    ag.Add(el[b].GetAttribute("outerHTML"));
}

Answer 2

你可以试试这个：

IWebElement element = driver.FindElement(By.Id("myButton"));

string elementHtml = element.GetAttribute("outerHTML");

这将为您提供元素的html。从这里，您可以解析它，正如Arran所建议的那样

Answer 3

JavaScript中的。属性属性将返回给定元素具有的所有属性及其值的数组。

因此，您需要做的是首先获得一个能够运行JavaScript的驱动程序：

IJavascriptExecutor javascriptDriver = (IJavaScriptExecutor)driver;

现在，通过以下方式执行：

Dictionary<string, object> attributes = javascriptDriver.ExecuteScript("var items = {}; for (index = 0; index < arguments[0].attributes.length; ++index) { items[arguments[0].attributes[index].name] = arguments[0].attributes[index].value }; return items;", element) as Dictionary<string, object>;

JavaScript背后的思想是在元素本身中使用JavaScript属性，然后提取我们需要的信息——属性的名称和值。实际上，attributes属性提取了关于每个单独属性的大量信息，但我们只需要两个字段。我们得到这两个字段，将它们放入字典中，然后WebDriver会将其解析回给我们。（可能需要清理一下）

它现在是一个字典，因此你可以随意循环。每对的键将是属性的名称，每对的值将是属性的值。

只测试了分布在网络上的一些元素（这里是谷歌和一些小网页），它似乎工作得很好。