最近项目遇到了问题,有个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