这个innerHTML为什么在IE不能运行,但在火狐上可以运行。

<html>
  <head>
  <script type="text/javascript">
  function getInnerHTML() {
document.getElementById("tr3").innerHTML="<td>aaaa</td><td>ttttt</td>";
   alert(document.getElementById("tr3").innerHTML);   
}   
</script>
  </head>
  <body>
  <table border="1">
   <tr id="tr1"><td>Firstname</td><td>Lastname</td></tr>
   <tr id="tr2"><td>Peter</td><td>Griffin</td></tr>
<tr id="tr3"></tr>
  </table>
  <br />
  <input type="button" onclick="getInnerHTML()" value="test" />   
</body>
</html>

这个是ie的问题,它不支持修改tr或table的innerHTML属性,只允许修改td的innerHTML
在firefox下是没有问题的
改为如下代码就可以了:
<html>
  <head>
  <script type="text/javascript">
  function getInnerHTML() {
var row3=document.getElementById("tr3");
var cell = row3.insertCell();
cell.innerHTML="aaaa";
cell = row3.insertCell();
cell.innerHTML="ttttt";
 alert(row3.innerHTML);   
}   
</script>
  </head>
  <body>
  <table border="1">
   <tr id="tr1"><td>Firstname</td><td>Lastname</td></tr>
   <tr id="tr2"><td>Peter</td><td>Griffin</td></tr>
<tr id="tr3"></tr>
  </table>
  <br />
  <input type="button" onclick="getInnerHTML()" value="test" />   
</body>
</html>
温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-12-12
  您好!很高兴为您答疑!

  IE不支持修改tr或table的innerHTML属性,只允许修改td的innerHTML
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。本回答被网友采纳
第2个回答  2011-11-21
完全可以 再试试