javascript - 用 .innerText 缓慢更新样式表的内容

Question

我有一个样式表，我正在根据用户 UI 动态更新其内容。我注意到在 Firefox(使用 stylesheet.innerHTML)和 IE(使用 stylesheet.styleSheet.cssText)中运行良好。

Chrome 和 Safari(使用 stylesheet.innerText)似乎在较大的样式表上运行得非常慢。有没有人遇到过这个问题和/或找到了更好的解决方案？

编辑:不可能使用 JS 来更改内联样式，因为应用程序从不刷新并且用户可以切换“页面”从而改变内联样式。此外，如果我想使用 UI 修改链接，我不能使用内联来修改伪类，例如 :hover (据我所知)

Answer 1

所以这是我在过去一年左右更新样式表的功能:

function(style, style_value) {

  if ('cssText' in style.styleSheet) {

    // without this line, IE WILL crash, if no stylesheet settings were set
    if ( typeof(style_value) != 'string' || !style_value.length) {
      return;
    }
    style.styleSheet.cssText = style_value;

  }
  else {
    style.innerHTML = style_value;
  }

}