我想使用javascript点击网站上的所有div框

时间:2013-12-04 08:49:53

标签: javascript html css

是否可以使用javascript点击网站上的所有div框?

这是div框的css:

    .bird {
    float: left;
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: 200;
    text-align: center;
    display: block;
}

这是我想要使用的javascript:

    var myLinks = document.getElementsByClass("bird");
for (var i = 0; i < myLinks.length; i++) {
  myLinks[i].click();
}

2 个答案:

答案 0 :(得分:0)

没有getElementsByClass。有getElementsByClassName,但在IE8及更早版本中不支持。

您可以使用document.querySelectorAll(".bird")(包括IE8及更高版本在内的所有现代浏览器supported)来获取IE8及更高版本以及任何其他现代浏览器的列表:

var myLinks = document.querySelectorAll(".bird");

然后,循环生成NodeList的代码很好。请注意,在元素上调用click可能无法完全模拟单击(尤其是因为没有给出鼠标位置信息)。要进一步进行事件模拟,您可以使用createEvent(对于大多数浏览器)。

答案 1 :(得分:0)

为什么不用jquery尝试呢?像这样:

$('.bird').each(function(){
   $(this).click();
});