使用 xpath 获取背景图像 url

Question

我正在尝试检索 url 表单背景图像。到目前为止，我已经设法获得了样式，但是我似乎不能只获得 url.

到目前为止我管理的内容：

//div[@class='opponent opponent1']/div[@class='team-player']/@style

Html 例子：

<div class="opponent opponent1">
    <div class="team-player" style="background-image: url('/uploads/test.jpeg')"></div>
    <h3><a href="#">Team EnVyUs</a></h3>
</div>

Answer 1

substring-before and substring-after 的组合应该可以解决问题：

substring-before(substring-after(//div[@class='opponent opponent1']/div[@class='team-player']/@style, "background-image: url('"), "')")

Answer 2

我认为一旦您选择了预期的元素，您就完成了 XPATH 的使用。如果您已经获得样式值，则可以使用 RegEX 获取 url.

attribute.value.match(new RegEx("'(.*?)'"))[0];

使用 xpath 获取背景图像 url

Get background-image url using xpath

html

css

xpath