关于Table操作中的 innerHTML

Question

function addTr(tableId){
         var table = document.getElementById(tableId); // 获取table
var row = table.insertRow(table.rows.length-1);
row.innerHTML = "<tr><td>111</td><td>2334</td><td>操作</td></tr>";
}
html 中的代码： <table id="mytable">
           <thead>
           <tr> <td>文件名</td> <td>大小</td> <td>操作<a href="#" onclick="flv();">SSS</a></td></tr>
           </thead>
           <tbody>
           <tr> <td>文件名11</td> <td>大小</td> <td>操作</td></tr>
           </tbody>
          </table>我的那个JS方法  为啥 无效？？？好像每次加入的都是空白行， 请大侠赐教 谢谢

Answer 1

 <table id="mytable">
 <thead>
 <tr> <td>文件名</td>    <td>大小</td> <td>操作<a href="#" onclick="flv();">SSS</a></td></tr>
 </thead>
 <tbody>
 <tr> <td>文件名11</td>    <td>大小</td> <td>操作</td></tr>
 </tbody>
</table><input type="button" value="Click" onclick="addTr('mytable')"/><script type="text/javascript">
<!--
function addTr(tableId){
                var table = document.getElementById(tableId); // 获取table        var row = table.insertRow(table.rows.length-1);
c=row.insertCell(-1);
        c.innerHTML = "<td>111</td>";
c=row.insertCell(-1);
        c.innerHTML = "<td>2334</td>";
c=row.insertCell(-1);
        c.innerHTML = "<td>操作</td>";
}//-->
</script>

Answer 2

IE里是无法对table和tr的DOM引用对象的innerHTML赋值

Answer 3

哥们 在IE里 如何 搞？ 不能用innerHTML 么？？？我试了试 还是不行的

Answer 4

http://blog.csdn.net/thl331860203/archive/2011/01/18/6149154.aspx

Answer 5

<script>
function change(){
var t = document.getElementById("t");
var tbody = t.innerHTML;
tbody = tbody.replace("</tbody></table>","");
tbody += "<tr><td>333</td></tr></tbody></table>";
t.innerHTML = tbody;
}
</script>
<div id = "t">
<table>
<tr><td>111</td></tr>
<tr><td>222</td></tr>
</table>
</div>
<input type = "button" value = "change" onclick = "change()">

Answer 6

谢谢 5、6楼我更想知道  我的问题出在哪， 其他实现方式目前对我来说是次要了。哪位帮我解答一下 如何用innerHTML 实现？？？

Answer 7

给楼主顶下 。
只知道用jq的话 。
html()行 。

Answer 8

整个表格用innerHTML就行了，或是用表格添加行的函数，不用innerHTML