javascript - 向 HTML 表添加列的最快方法

标签 javascript html css

我想从 html 表格中动态添加一些列(并删除其他列)。由于没有html <tr>模拟列,我能想到的最好方法是循环行并添加 <td>是用javascript。但这很慢,因为它会导致大量浏览器回流(我有很多行需要修改),我想知道是否有任何 javascript/css 向导知道加快速度的技巧。

最佳答案

您可以创建一个全新的table DOM 元素并将现有表的子元素复制到其中,添加新的 <td>放在正确的位置,然后,当您完成新表的 DOM 树构建后,删除旧表并放置新表。这只会导致一次回流。

关于javascript - 向 HTML 表添加列的最快方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4867586/

相关文章:

javascript - 基于 Typescript 的 React 组件的通用参数中的第二个参数代表什么?

javascript - AngularJS - 停止传播

c++ - 托管 html/css/js UI 的最轻量级方式?

javascript - 如何将 javascript 变量传递到嵌入式 ruby​​ 中?

c# - 从 JavaScriptSerializer 生成时的 Visual Studio Intellisense for JavaScript

javascript - 使用jquery隐藏不包含类的div

html - 站点的所有页面都必须具有相同的 DOCTYPE 吗?

css - 组合多个 CSS 元素

CSS水平对齐三个div

CSS宽度动画不起作用