Selenium IDE定位器，用于获取div标签中的background-image属性

Question

我正在使用Selenium IDE。我需要找到一个看起来像这样的元素：

<div style="background-image:url('http://www.example.com/img.png');">...</div>

请建议使用xpath / css路径。

Answer 1

请尝试以下xpath：

//div[contains(@style,'http://www.example.com/img.png')]

它将选择div属性包含文字style的{​​{1}}元素。

修改

根据您的要求，如果您想要获取特定的图片链接，可以使用上面的xpath：

http://www.example.com/img.png

这将按照包含(//div[contains(@style,'example.com/img.png')])[1] 的{​​{1}}的DOM表示的时间顺序找到第一个div元素。同样地，如果您想要找到第二个style元素，那么只需将example.com/img.png替换为div，如果是第三个，则替换为[1]，依此类推。

编辑2

• 如果您要为 PBX规则提取[2]元素（[3]属性div的一部分），请使用下面的xpath：

  background-image: url("/images/smart_pattern/event.png");"

  或

  style

• 同样，如果您要为 Wan测试获取//span[.='PBX rule']/following::div[1]元素（//span[.='PBX rule']/following::div[contains(@style,'images/smart_pattern')]属性div的一部分），请使用以下xpath：

  background-image: url("/images/smart_pattern/event.png");"

  或

  style