Question

js对一类标签进行冒泡监听

下面是我的类选择器方法：

function getClass(tag, className) {

var all;
if (tag == "*") {
all = document.all ? document.all : document.getElementsByTagName("*");
}
else {
all = document.getElementsByTagName(tag);
}
var elements = new Array();
for (var e = 0; e < all.length; e++) {
if (all[e].className == className) {
elements[elements.length] = all[e];
}
}
return elements;
}
下面是冒泡监听方法：
function addHandler(element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
}

然后我页面只有ul和li，每个li类名都叫abc，
我现在想对每个li都进行li的监听。
但是下面这样写是不正确的
var arr = getClass("li", "abc");
addHandler(arr, "click", function () {
console.log("a");
})
因为addHandler第一个参数是element而不是elements，没法触发冒泡监听。请问我要对一类标签进行冒泡监听要如何实现？

Answer 1

你加个循环呗！
var arr = getClass("li", "abc");
for(I=0;i<arr.length;i++)
{
addHandler(arr[i], "click", function () {
console.log("a");
});
}

追问

肯定是不行的。不信你试试，反正我试了不行

追答

不行是什么问题？
首先我的代码有个地方有问题，for(I=0;i<arr.length;i++) 改成
for(i=0;i<arr.length;i++)
还不行你把代码 发我给你看看

追问

跟你的i大小写无关，你回答之前我就试验过了。吧方法放到for循环里面，页面加载js执行完for循环就结束了，里面的事件也就结束，也就是当你点击时候就已经没有了所谓的监听事件。

追答

1. 监视arr是否有标签对象。如果没有请检查是否在文档加载完成后调用的获取节点方法。

   也就是方法是否在window.onload方法在 运行

2. 如果有的话监视addHandler是否执行，如果执行了调试是否有错误