jquery的选择器$('')在IE6下对JS动态生成(比如ajax生成的)的元素失效的解决办法

自己写一个遍历元素获得DOM对象的函数,在每次动态生成元素后调用该函数,对获得的新对象添加事件或更改属性

例:

下面是一个根据className获得元素的例子,对每个对象添加onmouseover和onmouseout事件

function getElementsByClassName(searchClass, domNode, tagName) {
    if (domNode == null) domNode = document;
    if (tagName == null) tagName = '*';
    var el = new Array();
    var tags = domNode.getElementsByTagName(tagName);
    var tcl = " " + searchClass + " ";
    for (i = 0, j = 0; i < tags.length; i++) {
        var test = " " + tags[i].className + " ";
        if (test.indexOf(tcl) != -1) {
            el[j++] = tags[i];
        }
    }
    return el;
}

function addeventforie6() {
    var bro = $.browser;
    if (bro.msie && bro.version != '6.0')//判断浏览器类型
    {
        return;
    }
    for (var i = 0; i < getElementsByClassName('tip', null, 'td').length; i++) {
        getElementsByClassName('tip', null, 'td')[i].onmouseover = function () {
            this.lastChild.style.display = 'block';
            this.lastChild.className = "tip_moreinfo_forie6";
            this.style.zIndex = "1";
        };
        getElementsByClassName('tip', null, 'td')[i].onmouseout = function () {
            this.lastChild.style.display = 'none';
            this.style.zIndex = "0";
        };
    }
}

$(document).ready(function () {
    addeventforie6()
});

 

转载于:https://www.cnblogs.com/rav009/archive/2011/11/09/5131251.html