Tyylien nollaus style:n kautta JavaScriptissä
Oletetaan, että jokin tapahtuma saa meidät piilottamaan elementin:
elem.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:
elem.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:
elem.style.display = '';
Annettu div ja kaksi painiketta. Ensimmäistä painiketta napsautettaessa piilota div, ja toista painiketta napsautettaessa - näytä se.
Annettu div ja kaksi painiketta. Ensimmäistä painiketta napsautettaessa värjää divin väri punaiseksi, ja toista painiketta napsautettaessa - palauta alkuperäinen väri.
