如何使用 javascript 和 xpath 获取图像 src？

Question

如何使用 javascript 和 xpath 获取图像 src？我试了document.evaluate，还是得不到结果。我只是不明白 document.evaluate 是如何工作的，所以如果您可以对解决方案进行解释，请多多指教。

谢谢

<html>
<body>
<div>
    <img src="img1.jpg">
    <img src="img2.jpg">
    <div>
         <img src="img-src-i-need.jpg">
         <img src="img4.jpg">
    </div>
</div>
</body>
</html>

Answer 1

设<img>的id为"imageOne"如下：

<img src="http://foo.bar/blah.jpg" id="imageOne" />

使用 javascript 您可以执行以下操作：

var imageElement = document.getElementById("imageOne");
var imageElementSrc = imageElement.src;

imageElementSrc 现在拥有 imageElement 的 src。

console.log(imageElementSrc) 会将 "http://foo.bar/blah.jpg" 打印到控制台。

如果您的代码中只有一个 <img> 元素，您可以这样做

var imageElement = document.getElementsByTagName("img")[0];
var imageElementSrc = imageElement.src;

为了得到 src.

Answer 2

在javascript

中使用这个

<script>
     var imgs = document.getElementsByTagName("img");
     var imgSrcs = [];
     for (var i = 0; i < imgs.length; i++) {
           imgSrcs.push(imgs[i].src);
         }
    alert(imgSrcs);
</script>

如何使用 javascript 和 xpath 获取图像 src？

How to get image src using javascript and xpath?

javascript

xpath

web-scraping