我知道要替换单个样式,代码看起来像这样:
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特性值,它将覆盖除“!important”之外的所有内容.
原文地址:https://www.jb51.cc/js/156773.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。