Скід стыляў праз style у JavaScript
Няхай мы па некаторай падзеі вырашылі схаваць элемент:
elem.style.display = 'none';
Няхай цяпер мы вырашылі паказаць
яго назад. Гэта значыць, што
ўласцівасці display трэба
вярнуць яго зыходнае значэнне.
Напрыклад, так:
elem.style.display = 'block';
Праблема ў тым, што гэта не зручна.
Бо зыходнае значэнне не абавязкова
было менавіта block. Яно магло
быць і flex, і inline-block,
і чымсьці яшчэ. Яно магло быць зададзена намі
у CSS файле, а магло брацца браўзерам
па змаўчанні. Адсочваць правільнае
значэнне складана.
На шчасце, ёсць спосаб лёгка вярнуць зыходнае значэнне ўласцівасці назад. Проста трэба ў якасці значэння ўласцівасці прысвоіць яму пусты радок:
elem.style.display = '';
Дадзены дыў і дзве кнопкі. Па кліку на першую кнопку схавайце дыў, а па кліку на другую - пакажыце.
Дадзены дыў і дзве кнопкі. Па кліку на першую кнопку пакрасьце колер дыва ў чырвоны колер, а па кліку на другую - вярніце зыходны колер.