css - 获取内联 CSS 背景图像

Question

我有一个包含嵌入式 CSS 的节点。我正在尝试获取 background-image: url()使用 XPath。

<div class="ytp-thumbnail html5-stop-propagation" style="background-image: url(https://i.ytimg.com/vi_webp/lm5CLm4ciQg/hqdefault.webp);">

到目前为止，我尝试过的不完整路径是 //div[@class="ytp-thumbnail"]/@style/

Answer 1

您的 XPath 不起作用，因为类不匹配 ytp-thumbnail但是ytp-thumbnail html5-stop-propagation .您可以使用

检查它是否匹配

//div[@class = "ytp-thumbnail html5-stop-propagation"]/@style 

或者只检查类属性contains() ytp-thumbnail :

//div[contains(@class,"ytp-thumbnail")]/@style

返回

style="background-image: url(https://i.ytimg.com/vi_webp/lm5CLm4ciQg/hqdefault.webp);"

如果您只想要值，可以使用 string() :

string(//div[contains(@class,"ytp-thumbnail")]/@style)

返回

background-image: url(https://i.ytimg.com/vi_webp/lm5CLm4ciQg/hqdefault.webp);

如果你只想要 url 的值，你可以使用 substring-before()和 substring-after() :

substring-before(substring-after(string(//div[contains(@class,"ytp-thumbnail")]/@style),'url('),')')

返回

https://i.ytimg.com/vi_webp/lm5CLm4ciQg/hqdefault.webp

请注意，此外，由于 /，您的 XPath 无法正常工作。最后 - /@style而不是 /@style/ - 因为您的 XPath 在使用 /@style 时已经选择了样式属性.