使用JS增加和减少div的高度
我正在尝试创建一些简单的 javascript，以便在单击按钮时执行。
div 从高度 0 开始，因此它是“最小化”的。然后执行函数 test()。它检查 div 是否最小化或最大化，如果最小化，则将 div 高度增加 5px，直到达到高度 300。同样，如果框“最大化”，则将值减少 5，直到达到高度0.
这就是我到目前为止所拥有的：
var current = "minimized";
var divH = document.getElementById('module').offsetHeight;
function test() {
if (current = "minimized") {
current = "maximized";
while (divH < 300) {
divH = divH+5;
}
}
else {
current = "minimized";
while (divH > 0) {
divH = divH-5;
}
}
}
任何帮助将不胜感激，这实际上是我第一次尝试使用 javascript。
I am trying to create some simple javascript to be executed when my button is clicked.
The div starts off at height 0, so it is 'minimized'. The function test() is then executed. It checks to see if the div is minimized or maximized, if it is minimized then it increases the div height by 5px until it reaches the height of 300. And likewise if the box is 'maximized' it decreases the value by 5 until it reaches 0.
This is what I have so far:
var current = "minimized";
var divH = document.getElementById('module').offsetHeight;
function test() {
if (current = "minimized") {
current = "maximized";
while (divH < 300) {
divH = divH+5;
}
}
else {
current = "minimized";
while (divH > 0) {
divH = divH-5;
}
}
}
Any help would be appreciated, this is quite literally my first attempt at using javascript.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
您可以使用 jQuery 轻松为 div 高度设置动画，并且可以跨浏览器工作。虽然最好先学习 Javascript 作为语言，但您很快就会明白为什么使用像 jQuery 这样的库是一个好主意。
它将消除浏览器的不一致，让您专注于解决业务需求。
You can use jQuery to animate a div height easily and it works cross browser. While it's best to learn Javascript as the language first, you'll soon see why using a lib like jQuery is a good idea.
It will abstract away the browser inconsistencies, letting you focus on solving the business need.
的div的实际高度
你只改变你的变量，而不是你
添加
哦，我还没有看到，使用 == 而不是 = 进行 if 比较
you are changing onlyyour variable, not the actual height of the div
where you have
add
oh, i haven't seen that, use == instead of = for the if comparison