Stiilide lähtestamine läbi style JavaScriptis

Oletame, et mingil sündmusel otsustasime elementi peita:

javascriptelem.style.display = 'none';

Oletame nüüd, et otsustame selle uuesti näidata. See tähendab, et omadusele display tuleb anda tagasi selle algväärtus. Näiteks nii:

javascriptelem.style.display = 'block';

Probleem on selles, et see pole mugav. Lõppude lõpuks polnud algväärtus tingimata just block. See võis olla flex, inline-block, või miski muu. Selle võisime määrata CSS-failis või võib selle võtta brauser vaikimisi. Õige väärtuse jälgimine on keeruline.

Õnneks on lihtne viis algse omaduse väärtuse tagastamiseks. Tuleb lihtsalt omaduse väärtuseks anda tühi string:

javascriptelem.style.display = '';