Ресетирање на стилови преку style во JavaScript
Да претпоставиме дека одреден настан одлучивме да го скриеме елементот:
elem.style.display = 'none';
Сега да претпоставиме дека одлучивме да го прикажеме
повторно. Ова значи дека на својството display
треба да му ја вратиме неговата првобитна вредност.
На пример, вака:
elem.style.display = 'block';
Проблемот е што ова не е погодно.
Бидејќи првобитната вредност не мора да
била токму block. Можела да биде
flex, или inline-block,
или нешто друго. Може да била зададена од нас
во CSS датотеката, или пак може да ја зема од прелистувачот
по стандард. Следењето на точната
вредност е сложено.
За среќа, постои начин лесно да ја вратите првобитната вредност на својството. Едноставно треба како вредност на својството да му доделите празен стринг:
elem.style.display = '';
Даден е div и две копчиња. При клик на првото копче сокријте го div-от, а при клик на второто - прикажете го.
Даден е div и две копчиња. При клик на првото копче обојте ја бојата на div-от во црвено, а при клик на второто - вратете ја првобитната боја.
