Question

<!DOCTYPE html>
<html>
<body>

<h2>Spectacular Mountain</h2>
<img src="pic_mountain.jpg" alt="Mountain View" style="width:304px;height:228px;">

</body>
</html>

我希望在点击任何图像时获取java脚本中的图像源，并且ovveride（忽略）任何图像的onclick属性（如果可用）

注意：我无法更改HTML代码中的任何内容
注意2：我只能使用纯JavaScript（没有jQuery或其他任何东西）
注3：图片没有ID

Answer 1

如果您只有一张图片，那么

var img = document.getElementsByTagName("img");
console.log(img[0].src);

获取图像的所有src，

var img = document.getElementsByTagName("img");
    for(i = 0;i < img.length; i++)
    {
        console.log(img[i].src);
    }

获取点击的图片src，

   document.addEventListener('click', function(e) {
     e = e || window.event; 
     var target = e.target; 
     if(target.tagName == 'IMG'){ console.log(target.src); }
    }, false);

获取点击图片纯javascript的链接

1 个答案: