在IE下给DIV设置innerHTML时发生,未知运行时错误

和很多朋友说的一样,在Firefox下可以正常使用,但在IE下就会有未知运行时错误已经找过了不少同样是运行时错误的,但很少看到给div设置错误的,有些朋友说解决这未知运行错误的方法就是使用DIV,但现在方法对我是没效的,因为我现在就是使用DIV
还有些朋友说不认某些标签,但我这里使用的已经是最基本的了,<table>,<tr><td>< textarea><input>,而且这些标签之前在其它项目中使用过,没有问题详细的代码内容如下,在运行这句时,在IE下会报未知运行时错误,但在Firefox,Opera,chrom下运行都没问题!
document.getElementById("infoDIV").innerHTML="<table ><tr><td nowrap align='right'>ID：</td><td nowrap align='left'>18</td></tr> <tr><td nowrap align='right'>合同编号：</td><td nowrap align='left'>d200905200003</td></tr> <tr><td nowrap align='right'>甲方：</td><td nowrap align='left'>re</td></tr> <tr><td nowrap align='right'>乙方：</td><td nowrap align='left'>34re</td></tr> <tr><td nowrap align='right'>合同类型：</td><td nowrap align='left'>正式合同</td></tr> <tr><td nowrap align='right'>签定类型：</td><td nowrap align='left'>一次续签</td></tr> <tr><td nowrap align='right'>合同期限：</td><td nowrap align='left'>三个月</td></tr> <tr><td nowrap align='right'>试用开始日期：</td><td nowrap align='left'>2009-05-12 </td></tr> <tr><td nowrap align='right'>试用结束日期：</td><td nowrap align='left'>2009-05-15</td></tr> <tr><td nowrap align='right'>合同结束日期：</td><td nowrap align='left'>2009-05-19</td></tr> <tr><td nowrap align='right'>甲方re签字日期：</td><td nowrap align='left'>2009-05-05</td></tr> <tr><td nowrap align='right'>乙方34re签字日期：</td><td nowrap align='left'>2009-05-23</td></tr> <tr><td nowrap align='right'>合同生效日期：</td><td nowrap align='left'>2009-05-23</td></tr> <tr><td nowrap align='right'>合同条款：</td><td><textarea readonly='readonly' rows='10' cols='100'>aaaaaaaaaaaaaaaaaaaaa;bbbbbbbbbbbbbbbbbbbbbbbb;ccccccccccccccccccccc;</textarea></td></tr> <tr><td nowrap align='right'>是否启用：</td><td nowrap align='left'>Y</td></tr> <tr><td nowrap align='right'> </td><td nowrap align='left'><input type='button' value='返回' onclick='closwClienWindow();'></td></tr></table>";

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

注意换行。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function a(){
document.getElementById('infoDIV').innerHTML="<table><tr><td nowrap align=\"right\">ID:</td><td nowrap align=\"left\">18</td></tr><tr><td nowrap align=\"right\">合同编号：</td><td nowrap align=\"left\">d200905200003</td></tr><tr><td nowrap align=\"right\">甲方：</td><td nowrap align=\"left\">re</td></tr><tr><td nowrap align=\"right\">乙方：</td><td nowrap align=\"left\">34re</td></tr><tr><td nowrap align=\"right\">合同类型：</td><td nowrap align=\"left\">正式合同</td></tr><tr><td nowrap align=\"right\">签定类型：</td><td nowrap align=\"left\">一次续签</td></tr><tr><td nowrap align=\"right\">合同期限：</td><td nowrap align=\"left\">三个月</td></tr><tr><td nowrap align=\"right\">试用开始日期：</td><td nowrap align=\"left\">2009-05-12 </td></tr><tr><td nowrap align=\"right\">试用结束日期：</td><td nowrap align=\"left\">2009-05-15</td></tr><tr><td nowrap align=\"right\">合同结束日期：</td><td nowrap align=\"left\">2009-05-19</td></tr><tr><td nowrap align=\"right\">甲方re签字日期：</td><td nowrap align=\"left\">2009-05-05</td></tr><tr><td nowrap align=\"right\">乙方34re签字日期：</td><td nowrap align=\"left\">2009-05-23</td></tr><tr><td nowrap align=\"right\">合同生效日期：</td><td nowrap align=\"left\">2009-05-23</td></tr><tr><td nowrap align=\"right\">合同条款：</td><td><textarea readonly=\"readonly\" rows=\"10\" cols=\"100\">aaaaaaaaaaaaaaaaaaaaa;bbbbbbbbbbbbbbbbbbbbbbbb;ccccccccccccccccccccc;</textarea></td></tr><tr><td nowrap align=\"right\">是否启用：</td><td nowrap align=\"left\">Y</td></tr><tr><td nowrap align=\"right\"> </td><td nowrap align=\"left\"><input type=\"button\"  value=\"返回\" onclick=\"closwClienWindow();\"></td></tr></table>";
}
</script>
</head><body>
<div id="infoDIV"></div>
<input type="button" value="oo" onclick="a();" />
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function a(){
document.getElementById('infoDIV').innerHTML="<table>"+
"<tr>"+
"<td nowrap align=\"right\">ID:</td>"+
"<td nowrap align=\"left\">18</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">合同编号：</td>"+
"<td nowrap align=\"left\">d200905200003</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">甲方：</td>"+
"<td nowrap align=\"left\">re</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">乙方：</td>"+
"<td nowrap align=\"left\">34re</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">合同类型：</td>"+
"<td nowrap align=\"left\">正式合同</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">签定类型：</td>"+
"<td nowrap align=\"left\">一次续签</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">合同期限：</td>"+
"<td nowrap align=\"left\">三个月</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">试用开始日期：</td>"+
"<td nowrap align=\"left\">2009-05-12 </td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">试用结束日期：</td>"+
"<td nowrap align=\"left\">2009-05-15</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">合同结束日期：</td>"+
"<td nowrap align=\"left\">2009-05-19</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">甲方re签字日期：</td>"+
"<td nowrap align=\"left\">2009-05-05</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">乙方34re签字日期：</td>"+
"<td nowrap align=\"left\">2009-05-23</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">合同生效日期：</td>"+
"<td nowrap align=\"left\">2009-05-23</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">合同条款：</td>"+
"<td><textarea readonly=\"readonly\" rows=\"10\" cols=\"100\">aaaaaaaaaaaaaaaaaaaaa;bbbbbbbbbbbbbbbbbbbbbbbb;ccccccccccccccccccccc;</textarea></td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\">是否启用：</td>"+
"<td nowrap align=\"left\">Y</td>"+
"</tr>"+
"<tr>"+
"<td nowrap align=\"right\"> </td>"+
"<td nowrap align=\"left\"><input type=\"button\"  value=\"返回\" onclick=\"closwClienWindow();\"></td>"+
"</tr>"+
"</table>";
}
</script>
</head><body>
<div id="infoDIV"></div>
<input type="button" value="oo" onclick="a();" />
</body>
</html>
这主要是IE在对innerHTML进行写操作的时候会检查infoDIV是否具备做为这些内容中html对象容器的要求，所以当你发现这些错误出现，尝试做两件事情： 1、检查你尝试加到innerHTML的html代码是否包含破损的html标签（某些标签或许缺少关闭标签）.
2、把你的容器改成那些比较“包容”的标签，如<span></span>,<div></div> 特别注意的是<tbody>,<table>,<tr>标签里面加正确格式的<td>标签都有可能出错，所以应该避免使用这些标签作为容器。
必要时可以用<td>作为容器，再锲套一层表格注：
1.元素的innerHTML属性是只读。。
只读元素:COL, COLGROUP, FRAMESET, HEAD, HTML, STYLE, TABLE, TBODY, TFOOT, THEAD, TITLE, TR2.HTML错误的嵌套例如在p里嵌套div那修改div的innerHTML属性也会出现错误
直接用dom的方式操作吧，简洁明了，出错了容易修改
lzw1987andy:你的说的问题已经试过了,在直接使用时是正常的,
测试跳出窗口中用也正常
但就是在我的项目中使用就出问题!真郁闷呀!!唉........
我是使用jquery的AJAX从后台得到的数据,将返回来的data再写到这div上的,