JavaScript орқали style воситасида стилларни қайта тиклаш
Фарз қилайлик, биз қандайдир воқелангдан кейин элементни яширишга қарор қилдик:
elem.style.display = 'none';
Энди фарз қилайлик, биз уни яна кўрсатишга
қарор қилдик. Бу display хоссасига
унинг асл қийматини қайтариш керак дегани.
Масалан, шундай:
elem.style.display = 'block';
Муаммо шундаки, бу қулай эмас.
Чунки асл қиймат худди block бўлиши
шарт эмас. У flex ёки inline-block
ҳам бўлиши мумкин, ёки бошқа нарса ҳам. У биз томонимиздан
CSS файлида берилган бўлиши мумкин, ёки браузер томонидан
сустки ҳолатда олиниши мумкин. Тўғри қийматни кузатиш
қийин.
Хайриятга қаранг, хоссанинг асл қийматини осонликча қайтариш усули мавжуд. Жуда содда - хоссага қиймат сифатида буш сатрни тенглаштиришингиз керак:
elem.style.display = '';
Див ва иккита тугма берилган. Биринчи тугма босилганда дивни яширинг, иккинчи тугма босилганда эса кўрсатинг.
Див ва иккита тугма берилган. Биринчи тугма босилганда дивнинг рангни қизил рангга бўянг, иккинчи тугма босилганда эса асл рангни қайтаринг.
