getElementsByClassName onclick问题

Question

我正在使用Robert Nyman's脚本来获取文档中具有相同类的所有元素，但它不适用于onclick或任何其他事件：

var photo = document.getElementsByClassName("photo_class","img",document.getElementById("photo_wrap")); 
photo.onclick = function(){alert("Finaly!");

也许你知道怎么修复它？谢谢!

Answer 1

我猜照片是一个数组。如果是这样的话，试一下：

var photo = document.getElementsByClassName(
    "photo_class","img",document.getElementById("photo_wrap")
);

for (var i=0; i < photo.length; i++) {
    photo[i].onclick = function(){
        alert("Finaly!");
    }
};

Answer 2

试一试

photo[0].onclick = function(){alert("Finaly!");};

getElementsByClass返回数组

Answer 3

你是不是碰巧想这么做呢？

var photo = document.querySelector("#photo_wrap img.photo_class");
photo.onclick = function() {alert("Hello!");};