innerHTML-未知的运行时错误

<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>

 
 

 

 

你可能感兴趣的:(JavaScript,html)