innerHTML-未知的运行时错误

最新推荐文章于 2018-08-21 16:00:40 发布

jep1983

最新推荐文章于 2018-08-21 16:00:40 发布

阅读量133

点赞数

分类专栏：经验教训文章标签： JavaScript HTML ViewUI

经验教训专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<TABLE>
<TBODY id="tbody">
</TBODY>
</TABLE>
<script language="javascript">
    var txtArray = new Array();
    txtArray.push("<tr>");
    txtArray.push("<td>Boston</td></tr>");
    document.getElementById("tbody").innerHTML =txtArray.join("");
    txtArray=null;
</script>
此时出现“未知的运行时错误”,原因如下：
table,thead,tfoot,tbody,tr,col,colgroup,html,title,style,frameset这些元素的innerhtml属性都是只读的,不能直接赋值.
如果一定要赋值动态改变它们的话，就把嵌套在div 里吧，然后给div 的innerHTML的属性赋值吧。改成下面的代码，测试通过：
<TABLE>
<TBODY >
<div id="tbody"> </div>
</TBODY>
</TABLE>

<script language="javascript">
	var txtArray = new Array();
	txtArray.push("<tr>");
	txtArray.push("<td>Boston</td></tr>");
	
  
	document.getElementById("tbody").innerHTML =txtArray.join("");
	txtArray=null;
</script>