document.createElement IE 兼容

最新推荐文章于 2024-09-18 08:00:00 发布

MINGMING_0302

最新推荐文章于 2024-09-18 08:00:00 发布

阅读量630

点赞数

文章标签： ie createElement

本文链接：https://blog.csdn.net/MINGMING_0302/article/details/84698784

版权

本文探讨了在IE9浏览器中遇到的DOMException: INVALID_CHARACTER_ERR(5)错误，并提供了解决方案。该问题出现在使用特定字符创建HTML元素时。通过采用jQuery动态创建元素的方法，确保了代码在不同浏览器（包括IE、Firefox）中的兼容性。

摘要由CSDN通过智能技术生成

IE9 : DOM Exception: INVALID_CHARACTER_ERR (5)
以下代码在IE8下运行通过，在IE9中出错：
document.createElement('<iframe id="yui-history-iframe" src="../../images/defaults/transparent-pixel.gif" style="position:absolute;top:0;left:0;width:1px;height:1px;visibility:hidden;"></iframe>');
错误提示：exception : SCRIPT5022: DOM Exception: INVALID_CHARACTER_ERR (5)

使用jquery动态创建元素，可以同时支持IE、Firefox

var theform = document.forms[0];
$("<input type='hidden' name='__EVENTTARGET'>").appendTo(theform);

在新版档案管理软件中，我的解决办法是：

function AddElement(data){
    var table = document.getElementById("reportTable");
    var row = table.insertRow();
    var cell = row.insertCell(0);
    //var e = document.createElement("<input name='" + data.rows[0].tmplTypeName +"' type='radio'>");
    // + data.rows[0].tmplTypeName + "</input>"  //IE8下可行，Chrome、Firefox、IE9均不可行
    //cell.appendChild(document.createTextNode("添加的内容："));  
    //cell.appendChild(e);
    $("<input type='radio' name='abc'>abc</input>").appendTo(cell);
}