Html 操纵css本身以提高性能

我的想法是使用JavaScript更改

标记的HTML内容，以便操作元素

假设一个表有20000个单元格，我想隐藏那些拥有

hide

和

hide-me-too

类的人，而不是获取所有元素——我将添加/删除HTML内容

 .hide-me-too, .hide{display:table-cell/none;}

页面中的

样式

元素

---

我要问的是：我应该期待不同的BRWOSER出现问题吗？演出还有其他问题吗？

如果您试图操纵CSSOM来控制20000个单元格，则会出现问题

如果操纵DOM并更改类名，效果会更好

任何其他问题，也是最重要的问题，都是如果您有一个表结构（

），并且使用

显示：block

显示单元格，您将使所有布局崩溃。单元格的正确显示值为

display:table cell

。因此，不要使用jQuery制作单个

show（）

或

hide（）

，请更改类名，使其如下所示：

.showme {
  display: table-cell;
}

.hide,
.hide-me-too {
  display: none;
}

---

这是另外一个问题，隐藏一些单元格，列将不匹配，因此需要使用

colspan

。这将很难。祝你好运。

也许这篇文章能回答你的第一个问题。谢谢。修正了（已知，在自动驾驶仪上编写示例时出错）upvote：当然。接受：还没有。。将等待更多的输入。