DOM替换元素上的整个样式属性（CSSStyleDeclaration）

我知道要替换单个样式，代码看起来像这样：

myDOMElement.style.height = '400px';

但是如果我想一次性完全替换整个样式对象，从而加快速度并避免重绘？ 例如，我想这样做：

//Get the computed style
var computedStyle = window.getComputedStyle(myDOMElement);

//Change some stuff in that CSSStyleDeclaration without rendering
computedStyle.height = '10px';
computedStyle.width = '20px';
computedStyle.whatever = 'something';

//Apply the entirety of computedStyle to the DOM Element, thereby only redrawing once
myDOMElement.style = computedStyle;

但是，当我运行此代码时，我的新样式会被忽略。 我能做些什么来解决这个问题？

---

你真的不想使用getComputedStyle（“myElement”），因为IE的版本不支持它。

您可以直接追加到style属性。

var myStyle = "color: #090";
document.getElementById("myElement").style.cssText += '; ' + myStyle; // to append
document.getElementById("myElement").style.cssText = myStyle; // to replace

myStyle可以包含很多css规则，所以你可以在一次重绘中得到它们。 作为奖励，您可以获得添加的内联样式的CSS特定性值，它将覆盖除“重要”之外的其他所有内容。

链接地址: http://www.djcxy.com/p/76763.html

上一篇: DOM replace entire style attribute (CSSStyleDeclaration) on element

下一篇: How to find the number of the lexicographically minimal string rotation?