javascript - 将类添加到给定的元素不起作用？

我想在我的项目中使用Vanilla js。我有一些功能，但其中之一存在问题。脚本的想法是：单击主页上的链接，该链接将重定向到其他页面；将类添加到＃div1。当我单击链接并重定向到其他页面时，没有任何提示。我找不到我做错了。

来自主页的HTML：

<a href="pagelink" id="view">text</a>

其他页面的HTML：

<div class="row" id="div1"></div>
<div class="row" id="div2"></div>

JS

window.onload = function () {
    var hideDivOne = document.getElementById("div1"),
        View = document.getElementById("view");

    function swap() {
        hideDivOne.className += " notdisplayed";
    }

    if(View){
        View.addEventListener("click", swap, false);
    }
}

的CSS

.notdisplayed {display:none;}

最佳答案

代替

hideDivOne.className += " notdisplayed";

尝试：

hideDivOne.classList.add("notdisplayed");

并且如果要删除此类：

hideDivOne.classList.remove("notdisplayed");

或切换类别：

hideDivOne.classList.toggle("notdisplayed");

关于javascript - 将类添加到给定的元素不起作用？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/44012447/