Hallo,
ich lasse per Javascript den CSS-Style eines divs ändern.
Ist es möglich bei einer bestimmten Aktion zurück zum ursprünglichen Style zu wechseln?
Du könntest die Eigenschaften des ursprünglichen Styles "backuppen" und sie dann wieder in das Attribut zurückschreiben:
var backupStyle = new Object();
var element = document.getElementById("someElement");
if (element) {
for (var property in element.style) {
backupStyle[property] = element.style[property];
}
}
...und das ganze dann wieder rückwärts, wenn Du den alten Style wieder herstellen willst.
Nachteil ist hierbei aber: Das geht nur für Style-Informationen, die direkt inline im Style des Elementes definiert werden, CSS-Informationen kann man so nicht wieder herstellen.
-> Besser: Verändere den Style des Elementes nicht direkt.
- Gib dem Element in seiner ursprünglichen Form eine CSS-Klasse
- Definiere für die veränderte Form (also in die Du mit JavaScript schaltest) eine neue CSS-Klasse
-> Dann schalte zwischen beiden CSS-Klassen hin und her. Das sollte zuverlässig funktionieren & ist auch wartbarer, weil Layout und Implementierung dann sauber voneinander getrennt sind.
Viele Grüße,
Jörg