innerHTML输入<td>hello</td>为什么显示不出来？？

<script type="text/javascript"> 
function setInnerHTML(){ 
document.getElementById("otr").innerHTML=" hello "; 
} function getInnerHTML(){ 
alert(document.getElementById("otr").innerHTML); 
} 
</script> 
<body> 
<table> 
<tr>
  <td id="otr"></td> 
</tr> 
</table> 
<a href="#" onClick="setInnerHTML()"> 输入 </a> 
<a href="#" onClick="getInnerHTML()"> 读取 </a>   
</body> 

解决方案 »

  1.   

    先问一下哈！tr有innerHTML属性吗？
      

  2.   

    用 document.getElementById("otr").outerHTML=" <td> hello </td> ";
      

  3.   


    用outerHTML不行吧？？这样不是会跑到<tr id="otr"></tr>外面了吗？？
      

  4.   

    我就是想在<tr id="otr"></tr>嵌入<td></td>，大家还有什么办法？
      

  5.   

    tr好像不支持innerhtml属性
    可以这样<script language="javascript">
    function setInnerHTML()
    {
      var rows=document.getElementById("table1").rows;
      var td=rows[0].insertCell();
      td.innerText="Hello";
    }
    </script>
    <body>
    <table id="table1">
    <tr>
    </tr>
    </table>
    <a href="#" onClick="setInnerHTML()">输入</a><br>
    <a href="#" onClick="getInnerHTML()">读取</a>
    </body>
      

  6.   

    或者这样
    <script language="javascript">
    function setInnerHTML()
    {
      var row=document.getElementById("tr1");
      var td=row.insertCell();
      td.innerText="Hello";
    }
    function getInnerHTML()
    {
      alert(document.getElementById("tr1").innerHTML);
    } 
    </script>
    <body>
    <table>
    <tr id="tr1">
    </tr>
    </table>
    <a href="#" onClick="setInnerHTML()">输入</a><br>
    <a href="#" onClick="getInnerHTML()">读取</a>
    </body>
      

  7.   

    也可以使用innerHTML
    td.innerHTML="<input value='Hello' />";
      

  8.   

    用这个吧，试过的，没有问题，这个更符合DOM  
                  var oNewTD = document.createElement("td");
                    var oText = document.createTextNode("Hello Universe!");
                    oNewP.appendChild(oText);
                    document.getElementById("otr").appendChild(oNewTD);