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

本文介绍了一个针对IE6浏览器的解决方案，通过编写自定义函数来遍历DOM元素并为特定类名的元素添加mouseover和mouseout事件。该方法允许在页面加载完成后动态地为这些元素添加交互行为。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己写一个遍历元素获得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()
});