Re: How do I save and restore CSS properties?

Thank you very much. I think the idea of .cssText is all I need. I
can just save and restore this property for the object. Is there any
pitfalls that I should be aware of?

Is .cssText an W3C standard?



I also have a few questions about your replies

<snip>

function SaveCSS(sElement) {

/* store current css properties */
adminSaveState[sElement] = document.getElementById(sElement);

Here, all you save is a reference to the DOM node.

}

In the previous code, all I am saving is a reference(pointer) to the
object? What would I need to do if I have to save a copy of the
object?



<snip>

I tried this:

function getCSSState(id) {
var srcStyle = document.getElementById(id).style;
var dstStyle = {};
for (var i in srcStyle) {
dstStyle[i]=srcStyle[i];
}
return dstStyle;
}

function setCSSStyle(id,srcStyle) {
var dstStyle = document.getElementById(id).style;
for (var i in dstStyle) {
dstStyle[i]=srcStyle[i]; // sets to undefined if not in srcStyle
}
for (i in srcStyle) {
if (dstStyle[i] === undefined) {
dstStyle[i]=srcStyle[i]; // sets those not in dstStyle, if any.
}
}
}

It works - kindof - in IE and Mozilla, but not in Opera. The properties
are not enumerable.

How would you call these functions? I originally declared a global
associative array to store copies of various objects. From what I see
from your functions, you are creating an associative array for a
single object? This probably ties in with my previous question.

thanks again