Javascript 参考 - HTML DOM 样式高度属性并返回到第一个样式高度

Question

大家好，修复谁知道js很简单。 所以我有代码可以在第一次单击时更改我的高度样式，但是我希望用户下次单击时返回第一个样式高度。

所以这是代码

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

这在一次单击时工作正常，但我希望下次单击时返回我的第一个高度

有人能帮我吗？

Answer 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>

Javascript 参考 - HTML DOM 样式高度属性并返回到第一个样式高度

问题描述

1 个解决方案

解决方案1
1 2020-10-27 18:27:07

Javascript 参考 - HTML DOM 样式高度属性并返回到第一个样式高度

问题描述

1 个解决方案

解决方案1 1 2020-10-27 18:27:07

解决方案1
1 2020-10-27 18:27:07