JavaScript - 单击网站上的图像

时间:2014-07-04 02:09:43

标签: javascript

使用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>

4 个答案:

答案 0 :(得分:0)

我会使用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 Article on Selectors

答案 1 :(得分:0)

  

使用JavaScript我如何点击图片

您可以使用鼠标点击任何没有javascript的图片。

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

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

答案 2 :(得分:0)

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

您必须以某种方式选择图片,例如使用document.getElementById()document.getElementsByTagName()

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

Demo

答案 3 :(得分:0)

你可以在这里使用jQuery。使用它你可以选择图像。所以代码就像。

$(document).ready(function(){

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

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

        //Your code here
    });
});

您可以看到示例here

但我强烈建议您使用其父级的ID或类,以便您可以使用以下方式选择它:

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

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