Nulstil formatering via style i JavaScript
Lad os sige, at vi besluttede at skjule et element baseret på en bestemt hændelse:
elem.style.display = 'none';
Lad os nu sige, at vi besluttede at vise
det igen. Det betyder, at
egenskaben display skal
få sin oprindelige værdi tilbage.
For eksempel sådan her:
elem.style.display = 'block';
Problemet er, at dette ikke er praktisk.
Den oprindelige værdi var ikke nødvendigvis
block. Det kunne have været
flex, eller inline-block,
eller noget andet. Det kunne være angivet af os
i en CSS-fil, eller det kunne være browserens
standardværdi. Det er besværligt at holde styr på den korrekte
værdi.
Heldigvis er der en nem måde at gendanne den oprindelige egenskabsværdi på. Du skal blot tildele egenskaben en tom streng som værdi:
elem.style.display = '';
Givet en div og to knapper. Ved klik på den første knap skal du skjule div'en, og ved klik på den anden - vis den.
Givet en div og to knapper. Ved klik på den første knap skal du farve div'en rød, og ved klik på den anden - gendan den oprindelige farve.
