# Сброс стилей через style в JavaScript

Пусть мы по некоторому событию решили скрыть элемент:

`elem.style.display = 'none';`

Пусть теперь мы решили показать его обратно. Это значит, что свойству `display` нужно вернуть его исходное значение. Например, так:

`elem.style.display = 'block';`

Проблема в том, что это не удобно. Ведь исходное значение не обязательно было именно `block`. Оно могло быть и `flex`, и `inline-block`, и чем-то еще. Оно могло быть задано нами в CSS файле, а могло браться браузером по умолчанию. Отслеживать правильное значение сложно.

К счастью, есть способ легко вернуть исходное значение свойства обратно. Просто нужно в качестве значения свойства присвоить ему пустую строку:

`elem.style.display = '';`

Дан див и две кнопки. По клику на первую кнопку спрячьте див, а по клику на вторую - покажите.

Дан див и две кнопки. По клику на первую кнопку покрасьте цвет дива в красный цвет, а по клику на вторую - верните исходный цвет.

← →
↑
en ru