我正在使用Robert Nyman 的脚本来获取文档中具有相同类的所有元素,但它不适用于 onclick 或任何其他事件:
var photo = document.getElementsByClassName("photo_class","img",document.getElementById("photo_wrap"));
photo.onclick = function(){alert("Finaly!");
也许你知道如何修复它?谢谢!
我正在使用Robert Nyman 的脚本来获取文档中具有相同类的所有元素,但它不适用于 onclick 或任何其他事件:
var photo = document.getElementsByClassName("photo_class","img",document.getElementById("photo_wrap"));
photo.onclick = function(){alert("Finaly!");
也许你知道如何修复它?谢谢!
我猜 photo 是一个数组。如果是这种情况,请尝试:
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!");
}
};
尝试
photo[0].onclick = function(){alert("Finaly!");};
getElementsByClass 返回数组
你是否想这样做,有机会吗?
var photo = document.querySelector("#photo_wrap img.photo_class");
photo.onclick = function() {alert("Hello!");};
getElementsByClassName 接受一个参数,即类名并返回一个节点列表
如果您希望类名为 'photo_class' 的 'photo_wrap' 中的 <img> 元素采用相同的事件处理程序,您可以执行以下操作
var container = document.getElementById('photo_wrap');
var elements = container.getElementsByTagName('photo_class');
for(var x = 0; x < elements.length; x++) {
// ignore anything which is not an <img>
if(elements[x].nodeName != "IMG") {
continue;
}
elements[x].addEventListener("click",function(){
// do something when element is clicked
this.style.backgroundColor = 'red'; // change element bgcolor to red
},false);
}
使用 jquery,您可以轻松定位所有具有特定类的元素并为其分配一个 onclick 事件,如下所示:
$(".photo_class").click(function(){
alert("Finally!")});
如果要定位具有 id 的特定元素,则可以使用以下调用:
$("#photo_element_id").click(function(){
alert("Finally!")});