function test() {
    var container = document.createElement("ul");
    for (var i = 0; i < 10; i++) {
        // 循环创建子元素，并为子元素添加事件
        var item_box = document.createElement("li");
        item_box.innerHTML = i;

        // 调用addEventHandler方法添加事件
        addEventHandler(item_box, "mouseover", function() {
            addClass(item_box, "hover");// 调用addClass方法添加class
        });
        addEventHandler(item_box, "mouseout", function() {
            removeClass(item_box, "hover");
        });
        addEventHandler(item_box, "click", function() {
            alert(i);
        });
    }
}

function addEventHandler(tatget, eventName, handler) {
    if (tatget.addEventListener) {
        tatget.addEventListener(eventName, handler, false);
    } else if (tatget.attachEvent) {
        tatget.attachEvent("on" + eventName, handler);
    } else {
        tatget["on" + eventName] = handler;
    }
}

function addClass(target, name) {
    if (!hasClass(target, name)) {
        target.className += " " + name;
    }
}