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";
        };
    }
}
//addeventforie6()在页面加载完成调用此函数

本文标签:

版权声明:若无特殊注明,本文皆为《鬼少》原创,转载请保留文章出处。

本文链接:jquery的选择器$('')在IE6下对JS动态生成(比如ajax生成的)的元素失效的解决办法 - http://tv1314.com/post-175.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

00:00 / 00:00
顺序播放