如何点击 ElementByTagName img with source in Javascript

Question

我要的点击元素是<img src="">，像这样：

<div class="bg">
    <div class="close">
        <img src="images/close.png">
    </div>
</div>

在 JavaScript.

我通常点击：document.getElementById().click();

Answer 1

document.getElementsByTagName("img") 将 return 一个 HTMLCollection 的图像元素。您需要遍历它们并检查源是否是您想要的值，然后在该图像上使用 .click：

var imgs = document.getElementsByTagName("img");
for(var i=0; i<imgs.length; i++) {
    if(imgs[i].src == "images/close.png") imgs[i].click();
}

请注意，在检查源代码时，您需要检查完整路径，而不是相对路径。

Answer 2

有两张图片。只有具有给定 src 的那个才有 onclick 属性.

var imgArr = document.getElementsByTagName("img");

for (var i = 0, len = imgArr.length; i < len; i += 1) {
  if (imgArr[i].src === 'http://yeoman.io/static/yeoman-character-sticker.51cef7e007.png') {
    imgArr[i].onclick = function() {
      alert('I am clicked');
    };
  }
}

<div class="bg">
  <div class="close">
    <img src="http://yeoman.io/static/yeoman-character-sticker.51cef7e007.png">
    <img src="http://yeoman.io/static/illustration-home-inverted.91b07808be.png">
  </div>
</div>

如何点击 ElementByTagName img with source in Javascript

How to click ElementByTagName img with source in Javascript

javascript

getelementsbytagname

getelementsbyclassname