Resetovanie štýlov cez style v JavaScripte
Povedzme, že sme sa na základe nejakej udalosti rozhodli skryť prvok:
elem.style.display = 'none';
Povedzme teraz, že sme sa rozhodli
ho znova zobraziť. To znamená, že
vlastnosti display je potrebné
vrátiť jej pôvodnú hodnotu.
Napríklad takto:
elem.style.display = 'block';
Problém je v tom, že to nie je pohodlné.
Pôvodná hodnota nemusela byť nevyhnutne
práve block. Mohla to byť
flex, inline-block,
alebo niečo iné. Mohla byť nastavená nami
v CSS súbore, alebo mohla byť braná prehliadačom
ako predvolená. Sledovať správnu
hodnotu je zložité.
Našťastie existuje spôsob, ako jednoducho vrátiť pôvodnú hodnotu vlastnosti späť. Stačí ako hodnotu vlastnosti priradiť prázdny reťazec:
elem.style.display = '';
Daný div a dve tlačidlá. Kliknutím na prvé tlačidlo skryte div, a kliknutím na druhé - zobrazte.
Daný div a dve tlačidlá. Kliknutím na prvé tlačidlo zmeňte farbu divu na červenú, a kliknutím na druhé - vráťte pôvodnú farbu.
