关于JAVASCRIPT中TABLE标签中内容添加，修改的问题

对于 table 来说，innerHTML 是只读的，你想修改里面的内容可以通过 table.rows[x].cells[y]得到TD对象，直接修改TD对象的innerHTML

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<table width="913" border="0" cellpadding="0" cellspacing="0">
  
  <tr>
    <td width="226" height="257"> </td>
    <td width="453" rowspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img/table_bg.gif">
        
        <tr>
          <td width="431" height="203" valign="top"><table id="lylist" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr id='l1'>
                <td width="431" height="203" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td width="11" height="203"> </td>
                    <td width="412" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                      <tr valign="middle" class="d9pt">
                        <td height="20" colspan="2" background="img/bt_bg.gif"> <img src="img/bt.gif" width="4" height="16" align="absmiddle"> [%title%]</td>
                    </tr>
                      <tr>
                        <td width="131" height="183" align="center" valign="middle" class="d9pt">[%touimg%]</td>
                    <td width="281" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <td width="281" height="20" valign="middle" class="d9pt"><a href="mailto:[%email%]"><img src="img/ico_07.gif" alt="E-mail:[%email%]" width="20" height="17" border="0"></a></td>
                        </tr>
                        <tr>
                          <td height="163" valign="top" class="d9pt"> [%neirong%]
    <div class="d9pt" style="margin: 2em; margin-top: 3px; clear: both; padding: 10px; padding-top: 10px; border: 1px solid #698CC3; word-break: break-all">
    [%huifuneirong%]
    </div></td>
                        </tr>
                                  </table></td>
                    </tr>
                    </table></td>
                    <td width="8"> </td>
                  </tr>
                </table></td>
</tr>
<div id="l2"></div>

</table>
</td>    </table><script>
alert(l1.innerHTML);
l2.innerHTML="5555555555";
//alert(lylist.innerHTML);
//l2.innerHTML=l1.innerHTML;//就是这里一行发生了问题
</script>
我这样写了，l1.innerHTML显示是正常的，我也得到了数据，既然对于TABLE来说innerHTML是只读的，那么，我使用DIV标签，在l2.innerHTML中插入"5555555555"显示是正常的，可是我插入l1.innerHTML却发生问题了，不显示内容了，什么都不显示了！
l1是一个tr来的,它的innerHTML就是一个<td>内容</td>把这个插入到div里面是不行的,你可以这样
oDiv = document.getElementById('l2');
oTR = document.getElementById('l1');
oDiv.innerHTML = oTR.innerText || oTR.textContent
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body>
<table width="300" border="1"  >
<tbody id=lylist >
  <tr>
    <td >fdsafdsaf</td>
  </tr>
</tbody>
</table>

          <input type=button value="添加行" onclick="test();"><script>
function test()
{
var newTrOuterHtml="<tr ><td colspan=10 style='color:red;'>JKJKJK<input value=10></td></tr>"
document.body.insertAdjacentHTML("beforeEnd","<table id=abc>"+newTrOuterHtml+"</table>");
var a=document.getElementById("abc");
lylist.appendChild(a.rows[0]);
a.removeNode(true);
}
</script>
</body>