使用Xpath在href中抓取图像URL

时间:2017-05-28 18:10:00

标签: javascript html css xpath

我想从上面的代码中获取href属性中的所有图像

<div class="jcarousel product-imagethumb-alt" data-jcarousel="true">
<ul>
<li>
<a href="https://domain/imagefull.jpg" onclick="return false;" class="cboxElement">
<img itemprop="image" src="http://domain/imagethumb.jpg"></a>
</li>
</ul>
</div>

我尝试使用div/ul/li//a[img]/@hrefdiv/ul/li//a[@class="cboxElement"]/@hrefdiv/ul/li//a/@href之类的代码抓住它,但href内部没有任何图像被抓取。

也许有人可以帮我提供最好的XPath表达式来抓取href内的图像。

谢谢。

1 个答案:

答案 0 :(得分:0)

我不确定我是否理解这个问题,但是通过以下代码,我可以获取图像的src。 xpath只是:// a / img

var anchors = document.evaluate("//a/img", 
    document, null, XPathResult.ANY_TYPE, null); 
var a = anchors.iterateNext(); 
while (a) {
  console.log(a.src);
  a = anchors.iterateNext();
}

您也可以在jsfiddle

上看到它