Tyylien nollaus style:n kautta JavaScriptissä

Oletetaan, että jokin tapahtuma saa meidät piilottamaan elementin:

javascriptelem.style.display = 'none';

Oletetaan nyt, että päätämme näyttää sen takaisin. Tämä tarkoittaa, että ominaisuudelle display täytyy palauttaa sen alkuperäinen arvo. Esimerkiksi näin:

javascriptelem.style.display = 'block';

Ongelma on, että tämä ei ole kätevää. Alkuperäinen arvo ei välttämättä ollut juuri block. Se saattoi olla flex tai inline-block, tai jotain muuta. Se saattoi olla meidän itsemme asettama CSS-tiedostossa, tai sitten selain saattoi käyttää oletusarvoa. Oikean arvon seuraaminen on vaikeaa.

Onneksi on olemassa keino palauttaa alkuperäinen ominaisuuden arvo helposti. Tarvitsee vain antaa ominaisuudelle tyhjä merkkijono arvoksi:

javascriptelem.style.display = '';