JavaScript-点击网站上的图片

Question

使用JavaScript，如何单击网站上的图像。

编辑：这是图像的代码。

<div class="comment_gravatarn">
<a target="_parent" href="http://www.example.com">
<img src="image.160x160.jpg" alt="Example Text" title="Example Text" width="160" sf_validated="1">
</a>
</div>

Answer 1

我会使用jQuery：

$(function() {
    $("img[ATTR='value']").click();
});

这是一种通用形式，您可以在其中更改要搜索的属性的ATTR ，然后将value替换为已知值。 例如：

给定以下img标签：

<img src="myImage.png" alt="AltAttr" title="MyTitle" />

我可能会通过src选择它：

$(function() {
    $("img[src='myImage.png']").click();
});

通过alt ：

$(function() {
    $("img[alt='AltAttr']").click();
});

按标题：

$(function() {
    $("img[title='MyTitle']").click();
});

我建议查找css选择器，因为这就是jQuery和document.querySelector()用途。

链接： 有关选择器的W3C文章

Answer 2

使用JavaScript如何单击图像

您可以使用鼠标在没有javascript的情况下单击任何图像。

但是，如果您需要使用javascript模拟点击，则可以使用click ：

myImage.click(); // myImage is a reference to the desired image

Answer 3

这非常简单：只需在图片上使用.click()即可模拟点击。

您必须以某种方式选择图像，例如，使用document.getElementById()或document.getElementsByTagName() 。

document.getElementsByTagName("img")[0].click();

演示版

Answer 4

您可以在此处使用jQuery。 使用它可以选择图像。 因此代码将是这样。

$(document).ready(function(){

    var src = "/*Src for your image*/";

    $("img[src='"+src+"']").click(function(){

        //Your code here
    });
});

你可以在这里看到一个例子

但是我强烈建议您使用其父代的ID或类，以便您可以使用进行选择：

$("#parent_id > img").click();

并且也不要忘记在执行任何这些操作之前先安装jquery。