Javascript:set element.style = element.style 破坏了样式？

Question

有没有办法只存储元素的当前样式状态，这样我就可以搞砸样式然后再重置它？

类似于(虽然这不起作用):http://jsfiddle.net/843Pj/

var el=document.getElementById('test');

var st=(function(s){
    var r=function(){return s;};
    return r;
}(el.style));

el.style.backgroundColor='blue';

el.style=st();

alert(el.style);

Answer 1

如果您只是谈论原始内联样式，请使用 style 对象的 .cssText 属性。

var st = el.style.cssText; // store it

el.style.backgroundColor = 'blue'; // change it

el.style.cssText = st; // reset it

http://jsfiddle.net/843Pj/4/

您甚至可以将其存储在元素的 data- 属性中，以便以后轻松访问。