Нулиране на стилове чрез style в JavaScript
Да предположим, че по някакво събитие решихме да скрием елемент:
elem.style.display = 'none';
Сега да предположим, че решим да го покажем
отново. Това означава, че на свойството
display трябва
да се върне първоначалната му стойност.
Например, така:
elem.style.display = 'block';
Проблемът е, че това не е удобно.
В крайна сметка първоначалната стойност не е задължително
да е била точно block. Тя е могла
да бъде flex, inline-block,
или нещо друго. Може да сме я задали
в CSS файл, или да се взима от браузъра
по подразбиране. Проследяването на правилната
стойност е трудно.
За щастие, има начин лесно да се върне първоначалната стойност на свойството обратно. Просто трябва като стойност на свойството да му се присвои празен низ:
elem.style.display = '';
Даден е div и два бутона. При клик на първия бутон скрийте div, а при клик на втория - го покажете.
Даден е div и два бутона. При клик на първия бутон оцветете div в червено, а при клик на втория - върнете първоначалния цвят.
