Styling Herstel deur style in JavaScript

Kom ons sê ons het besluit om 'n element te versteek by 'n sekere gebeurtenis:

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

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

javascriptelem.style.display = '';