Can'；不要让CSS通过Javascript更改类

我试图学习web开发，但我一直坚持通过Javascript更改CSS类。我看过其他的网站和问题，但没有一个对我有用，所以我一定在做一些我不知道的蠢事

我想让它做的是，当我在上面悬停时，从50的高度扩展到200的高度。然而，它什么也没做

（我知道我可以做一个：hover，但我需要它在Javascript中用于其他需要）

CSS:

HTML:

---

我觉得你很接近

toggleClass（）

是一个jQuery函数，

classList.toggle

用于普通JavaScript

box.onmouseover = function() {  
  box.classList.toggle("box-expand");
}

---

我觉得你很接近

toggleClass（）

是一个jQuery函数，

classList.toggle

用于普通JavaScript

box.onmouseover = function() {  
  box.classList.toggle("box-expand");
}

---

hackNightly的答案在这里很有效。。。我添加了丢失的结束标记

var-box=document.getElementsByClassName（“box”）[0]；
box.onmouseover=函数（）{
box.classList.toggle（“框展开”）；
}

.box{
背景颜色：绿色；
宽度：300px；
高度：50px；
-webkit过渡：高度2秒；
-moz过渡：高度2秒；
-o型过渡：高度2秒；
过渡：高度2秒；
}
.box扩展{
高度：200px；
}

---

hackNightly的答案在这里很好用。。。我添加了丢失的结束标记

var-box=document.getElementsByClassName（“box”）[0]；
box.onmouseover=函数（）{
box.classList.toggle（“框展开”）；
}

.box{
背景颜色：绿色；
宽度：300px；
高度：50px；
-webkit过渡：高度2秒；
-moz过渡：高度2秒；
-o型过渡：高度2秒；
过渡：高度2秒；
}
.box扩展{
高度：200px；
}

我用hackNightly的答案修复了它，我的box类似乎用50px覆盖了高度。移除它修复了它。

我用hackNightly的答案修复了它，我的box类似乎用50px覆盖了高度。卸下它可以修复它。

谢谢，但它仍然不起作用。我给CSS类命名的方式有问题吗？没有，你的类很好，我不知道为什么这不起作用。也许是因为你没有结束标记？谢谢，但它仍然不起作用。我给CSS类命名的方式有问题吗？没有，你的类很好，我不知道为什么这不起作用。也许是因为你没有结束语？

var box = document.getElementsByClassName("box")[0];

box.onmouseover = function() {  
    box.toggleClass("box-expand");
}

box.onmouseover = function() {  
  box.classList.toggle("box-expand");
}