我想使用javascript單擊網站上的所有div框

Question

是否可以使用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();
}

Answer 1

沒有getElementsByClass 。 有一個getElementsByClassName但IE8和更早版本不支持。

您可以使用document.querySelectorAll(".bird") （包括IE8及更高版本的所有現代瀏覽器都支持 ）在IE8及更高版本以及任何其他現代瀏覽器上獲取列表：

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

然后，用於遍歷生成的NodeList代碼就可以了。 請注意，在元素上調用click可能無法完全模擬點擊（尤其是因為沒有給出鼠標位置信息）。 要進一步進行事件模擬，可以使用createEvent （對於大多數瀏覽器）。

Answer 2

您為什么不嘗試使用jquery？ 像這樣：

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