gpt4 book ai didi

javascript - DOM 替换元素上的整个样式属性 (CSSStyleDeclaration)

转载 作者:数据小太阳 更新时间:2023-10-29 04:44:19 27 4
gpt4 key购买 nike

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

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 版本不支持它。

您可以直接附加到样式属性。

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

myStyle 可以包含许多 css 规则,因此您可以在一次重绘中获得它们。作为奖励,您可以获得内联样式的附加 CSS 特异性值,它将覆盖除“!important”之外的所有其他内容。

关于javascript - DOM 替换元素上的整个样式属性 (CSSStyleDeclaration),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21011126/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com