怎样在<span>下使用innerhtml?

<span id="span1">
  <table width="100%" height="30" border="1"><tbody id="objbody"><tr><td>&nbsp;</td></tr></tbody></table>
</span>
<script language="JavaScript">
function addTable(){
var objrows=document.createElement("TR");
var objcell=document.createElement("TD");
objcell.innerHTML="&nbsp;";
objrows.appendChild(objcell);
document.getElementById("objbody").appendChild(objrows);
}
</script>
<input type="button" value="Add" onClick="addTable();">

解决方案 »

  1.   

    funove007(剑三十) 
    是像table里增加一行一样，在span里增加一个table!
      

  2.   

    <body>
    <span id="spanTest">
      <table id='tblTest'>
        <tr><td>测试</td></tr>
      </table>
    </span>
    </body>
    <script language=javascript>
    var oTemp=spanTest.childNodes(0).cloneNode(true);
    spanTest.appendChild(oTemp);
    </script>
      

  3.   

    zangleo(行云流水) 
    增加的table内容我怎么可以任意指定？？
      

  4.   

    那你还是得用innerHTML,
    要不就用rows和cells集合，不过你还是得加td，
    总之tr或td数量与tblTest不一致时，总是比较麻烦的
      

  5.   

    当然用innerHTML了！
    怎么用我不知道！
      

  6.   

    举个例子给你
    <body>
    <span id="spanTest">
      <table id='tblTest'>
        <tr><td>测试</td></tr>
      </table>
    </span>
    </body>
    <script language=javascript>
    var oTemp=spanTest.childNodes(0).cloneNode(true);
    oTemp.rows(0).cells(0).innerHTML="Hello";
    spanTest.appendChild(oTemp);
    </script>