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:

javascriptelem.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:

javascriptelem.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:

javascriptelem.style.display = '';