如何复制单元格包含"<td ....>html内容</td>?

不清楚楼主想要的是删除整个td元素还是td元素里面的内容..

解决方案 »

  1.   

    <html>
    <body>
    <table id="tab">
    <tr>
    <td>1111</td>
    <td>2222</td>
    </tr>
    <tr>
    <td>1111</td>
    <td>2222</td>
    </tr>
    <tr>
    <td>1111</td>
    <td>2222</td>
    </tr>
    </table>
    <button onclick="Dele()">删除表格第一行第一列内容</button>
    <button onclick="Remove()">移除表格第一行第一列元素</button>
    <button onclick="AddBack()">恢复被删除元素</button><script>
    var tab=document.getElementById("tab");
    var tmp;
    function Dele(){
    tab.rows[0].cells[0].innerHTML="";
    }
    function Remove(){
    tmp=tab.rows[0].cells[0];//用一个全局引用指向将要被删除的节点,使节点不会被当作垃圾回收掉
    tab.rows[0].removeChild(tab.rows[0].cells[0]);
    }
    function AddBack(){
    tab.rows[0].insertBefore(tmp,tab.rows[0].cells[0]);
    }
    </script>
    </body>
    </html>
      

  2.   

    谢谢! 不过执行"恢复被删除元素"时出错了。
    我的想法是编辑如下表格:
    1)  将 2 复制到 1，但要保持 2 的颜色和大小。
    2)  将 2、3 复制（或拖曳）到 1，即 2 占 1 的位置，3 占 2 的位置，
        并保持颜色，效果如同在word一样。而不是眼下的插入表格的现象。<div id="edit" align=center>
    <table id="tab" border=1>
    <tr align=center>
    <td>1</td>
    <td style=color:red>2</td>
    <td style=color:blue;font-size:18pt>3</td>
    </tr>
    <tr>
    <td>1111</td>
    <td>2222</td>
    <td>3333</td>
    </tr>
    </table>
    </div><script>
    edit.contentEditable = true;
    </script>
      

  3.   

    请使用tbody标记.???有什么作用，可以说明详细些吗？
    我现在试着用 swapNode()，但思路有些乱
      

  4.   

    UP
    换一个提法:
    能否编辑元素的某些动作，如<td>---增加内容为<td onclick="">或<td onmouseover="">等等
      

  5.   

    直接用element.outerHTML不就包含了td元素的属性了么。
      

  6.   

    谢谢您的回答!!是这样吗？
    <td onmouseover=tt(this)>abc</td>
    function tt(d){
     alert(d.outerHTML);//此句是可以看到上面整句，但不能编辑呀
     d.outerHTML="<td onmouseover=alert('ok')>kkk</td>";此句会出错的！！！
     }
      

  7.   

    d.outerHTML="<td onmouseover=alert('ok')>kkk</td>"这句会出错，如果改成下面这样，是你要的效果么？<div id="edit" align=center>
    <table id="tab" border=1>
    <tr align=center>
    <td>1</td>
    <td><div style=color:red>2</div></td>
    <td><div style=color:blue;font-size:18pt>3</div></td>
    </tr>
    <tr>
    <td>1111</td>
    <td>2222</td>
    <td>3333</td>
    </tr>
    </table>
    </div>
    <button onclick="document.getElementById('tab').rows[0].cells[0].innerHTML=document.getElementById('tab').rows[0].cells[1].innerHTML;">复制2到1</button>&nbsp;<button onclick="document.getElementById('tab').rows[0].cells[1].innerHTML=document.getElementById('tab').rows[0].cells[2].innerHTML;">复制3到2</button>
    <script>
    edit.contentEditable = true;
    </script>