Stil-Zurücksetzung via style in JavaScript
Angenommen, wir haben aufgrund eines Ereignisses entschieden, ein Element auszublenden:
elem.style.display = 'none';
Angenommen, wir haben uns nun entschieden, es
wieder anzuzeigen. Das bedeutet, dass der
Eigenschaft display ihr
ursprünglicher Wert zurückgegeben werden muss.
Zum Beispiel so:
elem.style.display = 'block';
Das Problem ist, dass dies nicht praktisch ist.
Denn der ursprüngliche Wert war nicht unbedingt
genau block. Er könnte
auch flex oder inline-block
oder etwas anderes gewesen sein. Er könnte von uns
in der CSS-Datei festgelegt worden sein, oder er könnte vom Browser
als Standardwert übernommen worden sein. Den korrekten
Wert nachzuverfolgen ist schwierig.
Glücklicherweise gibt es eine Möglichkeit, den ursprünglichen Wert der Eigenschaft einfach zurückzusetzen. Dazu muss der Eigenschaft einfach ein leerer String als Wert zugewiesen werden:
elem.style.display = '';
Gegeben ist ein Div und zwei Buttons. Beim Klick auf den ersten Button soll das Div ausgeblendet werden, und beim Klick auf den zweiten - wieder angezeigt werden.
Gegeben ist ein Div und zwei Buttons. Beim Klick auf den ersten Button soll die Hintergrundfarbe des Divs rot eingefärbt werden, und beim Klick auf den zweiten - die ursprüngliche Farbe zurückgesetzt werden.
