Styling Herstel deur style in JavaScript
Kom ons sê ons het besluit om 'n element te versteek by 'n sekere gebeurtenis:
elem.style.display = 'none';
Kom ons sê ons besluit nou om dit weer
te wys. Dit beteken dat die
eienskap display nodig het om
terug te keer na sy oorspronklike waarde.
Byvoorbeeld, so:
elem.style.display = 'block';
Die probleem is dat dit nie gerieflik is nie.
Die oorspronklike waarde was nie noodwendig
block nie. Dit kon
flex wees, of inline-block,
of iets anders. Dit kon deur ons
in die CSS-lêer gestel wees, of dit kon deur die blaaier
by verstek geneem word. Om die regte
waarde dop te hou is moeilik.
Gelukkig is daar 'n maklike manier om die oorspronklike waarde van 'n eienskap terug te gee. Asseblief, stel net 'n leë string as die waarde van die eienskap:
elem.style.display = '';
Gegee 'n div en twee knoppies. Met 'n klik op die eerste knoppie, moet die div weggesteek word, en met 'n klik op die tweede - wys dit.
Gegee 'n div en twee knoppies. Met 'n klik op die eerste knoppie, verf die kleur van die div in rooi, en met 'n klik op die tweede - herstel die oorspronklike kleur.
