首页 > 编程语言 > 详细

JavaScript 覆盖document.createElement 方法

时间:2014-05-07 14:34:18      阅读:419      评论:0      收藏:0      [点我收藏+]

最近项目遇到了问题,有个asp.net web程序只能在IE7 运行,现在xp都淘汰了,大家都用IE8-IE11,因此这个web app也需要升级 适应所有IE版本。照成IE版本不兼容的问题主要来致document.createElement方法的调用,如:

function addStyleNo(value, cannotDel) {
    if (!value) {
        value = ‘‘;
    }
    var tb = $(‘tbodyStyle‘);
    var tr = tb.insertRow();
    var td1 = tr.insertCell();
    td1.style.width = ‘20px‘;
    td1.style.height = ‘20px‘;
    if (!cannotDel) {
        var imgDel = document.createElement("<img alt = ‘‘ src=‘./images/delete.gif‘ onclick = ‘delScTr(this)‘ style=‘cursor:pointer‘ />");
         td1.appendChild(imgDel);
    }

    var td2 = tr.insertCell();
    td2.style.height = ‘20px‘;
    var txt = document.createElement("<input type = ‘text‘ class = ‘ip-bx-ro‘ value = ‘" + value + "‘ />");
     td2.appendChild(txt);

}

这个系统的js太多太多,大家对这个系统的业务也不熟悉,我先前是把这个document.createElement 用jquery来代替,

var imgDel = jq("<img alt = ‘‘ src=‘./images/delete.gif‘ onclick = ‘delScTr(this)‘ style=‘cursor:pointer‘ />")[0];

var txt = jq("<input type = ‘text‘ class = ‘ip-bx-ro‘ value = ‘" + value + "‘ />")[0];

后来发现要改的地方太多了。于是想想有没有简单的方法, 最后把矛头指向覆盖document.createElement 方法的实现。

document.createEl = document.createElement;
        document.createElement = function (obj) {
            if (obj.toString().indexOf("<") > -1) {
                return jq(obj)[0];
            }
            else {
                return document.createEl(obj);
            }
        }

目前在ie下还没有发现什么异常情况。

JavaScript 覆盖document.createElement 方法,布布扣,bubuko.com

JavaScript 覆盖document.createElement 方法

原文:http://www.cnblogs.com/majiang/p/3713564.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!