是否可以替换表格单元而不用javascript或jQuery将其删除？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了是否可以替换表格单元而不用javascript或jQuery将其删除？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1170字，纯文字阅读大概需要2分钟。

内容图文

是否可以替换表格单元而不用javascript或jQuery将其删除？例如,如果我有一个包含多行的表,每行有5个单元格,是否可以通过赋值来更改第一行的第一个单元格,而不是先删除该单元格然后插入一个新的单元格？

编辑(简体)：

<table>
    <tr id="currentRowId1" name="currentRowId1">
        <td style="text-align:center">
        </td>
        <td style="text-align:center">
        </td>
        <td style="text-align:center">
            <input type="submit" onclick="changeOrder()" />
        </td>
        <td style="text-align:center">
        </td>
        <td>
        </td>
    </tr>
    <tr id="currentRowId2" name="currentRowId2">
        <td style="text-align:center">
        </td>
        <td style="text-align:center">
        </td>
        <td style="text-align:center">
            <input type="submit" onclick="changeOrder()" />
        </td>
        <td style="text-align:center">
        </td>
        <td>
        </td>
    </tr>
</table>

js

function changeOrder(){
var row = document.getElementById("currentRowId1");
var otherRow = document.getElementById("currentRowId2");
row.cells[0] = otherRow.cells[0];
}

解决方法:

完全不需要在这里使用innerHTML.您可以这样替换两个元素：

var
  a = document.getElementById('currentRowId1').cells[0],
  e = document.getElementById('currentRowId2').cells[0],
  e1 = e.nextSibling;

a.parentNode.replaceChild(e, a);
e1.parentNode.insertBefore(a, e1);

演示：http://jsfiddle.net/X4zzb/1/

内容总结

以上是互联网集市为您收集整理的是否可以替换表格单元而不用javascript或jQuery将其删除？全部内容，希望文章能够帮你解决是否可以替换表格单元而不用javascript或jQuery将其删除？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端