Selenium webdriver：如何找到所有元素的属性？

Question

在Python Selenium模块中，一旦我有了WebElement对象，我就可以使用get_attribute()获取其任何属性的值：

foo = elem.get_attribute('href')

如果名为'href'的属性不存在，则返回None。

我的问题是，如何获得元素具有的所有属性的列表？似乎没有get_attributes()或get_attribute_names()方法。

我正在使用Selenium模块的2.44.0版本用于Python。

Answer 1

使用selenium webdriver API是不可能的，但你可以使用execute a javascript code to get all attributes：

driver.execute_script('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)

演示：

>>> from selenium import webdriver
>>> from pprint import pprint
>>> driver = webdriver.Firefox()
>>> driver.get('https://stackoverflow.com')
>>> 
>>> element = driver.find_element_by_xpath('//div[@class="network-items"]/a')
>>> attrs = driver.execute_script('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)
>>> pprint(attrs)
{u'class': u'topbar-icon icon-site-switcher yes-hover js-site-switcher-button js-gps-track',
 u'data-gps-track': u'site_switcher.show',
 u'href': u'//stackexchange.com',
 u'title': u'A list of all 132 Stack Exchange sites'}

---

为了完整起见，另一种解决方案是获取标签的outerHTML并使用HTML解析器解析属性。示例（使用BeautifulSoup）：

>>> from bs4 import BeautifulSoup
>>> html = element.get_attribute('outerHTML')
>>> attrs = BeautifulSoup(html, 'html.parser').a.attrs
>>> pprint(attrs)
{u'class': [u'topbar-icon',
            u'icon-site-switcher',
            u'yes-hover',
            u'js-site-switcher-button',
            u'js-gps-track'],
 u'data-gps-track': u'site_switcher.show',
 u'href': u'//stackexchange.com',
 u'title': u'A list of all 132 Stack Exchange sites'}

Answer 2

以下是至少使用PhantomJS或Chrome驱动程序获取所有属性及其（有时翻译为字符串）值的列表：

elem.get_property('attributes')[0]

要获得名称：

x.get_property('attributes')[0].keys()

Answer 3

这是我尝试回答的问题。我只在google主页的搜索框上测试过它。我利用@ alecxe上面关于'outerHTML'的答案获得html后，我使用正则表达式([a-z]+-?[a-z]+_?)='?"?来匹配属性名称。我认为必须修改正则表达式才能匹配越来越多的案例。但我们需要的基本名称是“等号背后的任何东西”。

给出一个webElement

def get_web_element_attribute_names(web_element):
    """Get all attribute names of a web element"""
    # get element html
    html = web_element.get_attribute("outerHTML")
    # find all with regex
    pattern = """([a-z]+-?[a-z]+_?)='?"?"""
    return re.findall(pattern, html)

在下面的代码上测试它

import re
from selenium import webdriver

driver = webdriver.Firefox()
google = driver.get("http://www.google.com")

driver.find_element_by_link_text("English").click()
search_element = driver.find_element_by_name("q")
get_web_element_attribute_names(search_element)

输出：

['class', 'id', 'maxlength', 'name', 'autocomplete', 'title', 'value', 'aria-label', 'aria-haspopup', 'role', 'aria-autocomplete', 'style', 'dir', 'spellcheck', 'type']

Answer 4

您可以使用element.get_property（）方法找到它。

from selenium import webdriver
from selenium.webdriver.common.by import By

driver = webdriver.Chrome()
driver.get("https://www.ultimateqa.com/complicated-page/")

logo = driver.find_element(By.XPATH, "//img[@id='logo']")
attrs=[]
for attr in logo.get_property('attributes'):
    attrs.append([attr['name'], attr['value']])
print(attrs)

输出：

[['src', 'https://www.ultimateqa.com/wp-content/uploads/2019/01/horizontal_on_transparent_by_logaster-2.png'], ['alt', 'Ultimate QA'], ['id', 'logo'], ['data-height-percentage', '100'], ['data-actual-width', '912'], ['data-actual-height', '410']]