Ресетирање на стилови преку style во JavaScript

Да претпоставиме дека одреден настан одлучивме да го скриеме елементот:

javascriptelem.style.display = 'none';

Сега да претпоставиме дека одлучивме да го прикажеме повторно. Ова значи дека на својството display треба да му ја вратиме неговата првобитна вредност. На пример, вака:

javascriptelem.style.display = 'block';

Проблемот е што ова не е погодно. Бидејќи првобитната вредност не мора да била токму block. Можела да биде flex, или inline-block, или нешто друго. Може да била зададена од нас во CSS датотеката, или пак може да ја зема од прелистувачот по стандард. Следењето на точната вредност е сложено.

За среќа, постои начин лесно да ја вратите првобитната вредност на својството. Едноставно треба како вредност на својството да му доделите празен стринг:

javascriptelem.style.display = '';