Stílusok visszaállítása style segítségével JavaScriptben
Tegyük fel, hogy egy esemény hatására úgy döntöttünk, elrejtünk egy elemet:
elem.style.display = 'none';
Tegyük fel most, hogy úgy döntöttünk, hogy
vissza mutatjuk. Ez azt jelenti, hogy a
display tulajdonságnak
vissza kell állítani az eredeti értékét.
Például így:
elem.style.display = 'block';
A probléma az, hogy ez nem kényelmes.
Hiszen az eredeti érték nem feltétlenül
block volt. Lehetett flex is,
és inline-block is,
és még valami más is. Megadhattuk nekünk
a CSS fájlban, vagy a böngésző vehette
alapértelmezés szerint. Nehéz nyomon követni a helyes
értéket.
Szerencsére van mód az eredeti érték könnyű visszaállítására. Egyszerűen üres stringet kell a tulajdonságnak értékül adni:
elem.style.display = '';
Adott egy div és két gomb. Az első gombra kattintva rejtsd el a div-et, a másodikra kattintva pedig mutasd meg.
Adott egy div és két gomb. Az első gombra kattintva színezd a div háttérszínét pirosra, a másodikra kattintva pedig állítsd vissza az eredeti színt.
