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

让id的{{1}}为<img>如下：

"imageOne"

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

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

var imageElement = document.getElementById("imageOne"); var imageElementSrc = imageElement.src;现在拥有imageElementSrc的{{1}}。

src会将imageElement打印到控制台。

如果您的代码中只显示了一个console.log(imageElementSrc)元素，则可以执行

"http://foo.bar/blah.jpg"

获取<img>。

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？

2 个答案: