xpath for background-image url

Question

我试图使用xpath获取背景图片网址。

到目前为止我的xpath表达式：

//div[@class='Header']/div[@class='Header-jpeg']

指向div的{​​{1}}，但从那里不知道如何获取img网址，可能是background-image中的内容，但到目前为止还没有运气。

该div的Css：

@style

这里有一个真实的例子： http://www.landenkompas.nl/

Answer 1

类似的事情应该起作用：

substring-before(substring-after(//div[@class='Header']/div[@class='Header-jpeg']/@style, 'background-image: url('), ')')

但是，请注意，如果您使用的是Java XPath，它将仅获得它找到的第一个元素。如果有多个，则需要找到另一种汇总所有值的方法。

Answer 2

假设您使用的是selenium，则需要获取CSS属性的值。

在Java中：

WebElement element = driver.findElement(By.xpath("//div[@class='Header']/div[@class='Header-jpeg']"));
element.getCssValue("background-image");

在Python中：

element = driver.find_element_by_xpath("//div[@class='Header']/div[@class='Header-jpeg']")
element.value_of_css_property("background-image")