javascript - 切换 div 时添加和删除类

Question

您好，我的代码有问题，我的页面中有一个菜单和一张 map ，当页面加载时， map 有 col-lg-10 col-md-10 col-sm-10 col- xs-10，因为我的菜单是打开的，当我关闭菜单时，我将 map 更改为 col-lg-12 col-md-12 col-sm-12 col-xs-12，它工作正常，但是当我重新打开菜单时，它不会将类更改为 col-lg-10 col-md-10 col-sm-10 col-xs-10。

这是我试过的代码

更新

感谢大家的回答，我已经添加了 == 但现在它只放置了 col-lg-10 类

 function MapSize() {
        var shown = document.getElementById("containerForm");
        var map = document.getElementById("containerMap");

        if (shown.style.display == "none") {

            map.className = "col-lg-12 col-md-12 col-sm-12 col-xs-12";


        } else if (shown.style.display == "block") {
            map.className += "col-lg-10 col-md-10 col-sm-10 col-xs-10";
        }
    }  

谢谢:)

Answer 1

您正在 if 语句中使用赋值运算符。

而不是拥有

if (shown.style.display = "none")

应该是

if (shown.style.display == "none")