Ссылка на Javascript - свойство высоты стиля HTML DOM и возврат к первой высоте стиля

#javascript #html #css

#javascript #HTML #css

Вопрос:

Привет, ребята, это просто исправить, кто знает js. Итак, у меня есть код для изменения моего стиля высоты при первом щелчке, но я хочу, чтобы при следующем щелчке пользователя возвращалась первая высота стиля.

Итак, вот код

 <!DOCTYPE html>
<html>
<body>
<button type="button" id="myBtn" onclick="myFunction()">test</button>
<script>
function myFunction() {<!--   w  w  w .ja  v  a  2s  .c om-->
    document.getElementById("myBtn").style.height = "50px";
}
</script>
</body>
</html>

И это отлично работает одним щелчком мыши, но я хочу, чтобы при следующем нажатии я возвращал меня на первую высоту

Кто-нибудь может мне помочь?

1. Почему в JavaScript есть html-комментарий?

2. Переключение класса…

3. @epascarello это всего лишь одна кнопка, поэтому при запуске фрагмента кода вы увидите. Я собрал все вместе, чтобы сделать это простым

4. Код проще, если вы просто переключаете класс …

Ответ №1:

Как отмечено в комментариях, вы должны просто создать класс css и переключить его щелчком мыши.

 <!DOCTYPE html>
<html>
<head>
<style>
.my-height { height: 50px; }
</style>
</head>
<body>
  <button type="button" onclick="this.classList.toggle('my-height')">test</button>
</body>
</html>