javascript - 第二次单击按钮时删除附加的样式表

Question

我刚开始使用 JS，我似乎无法弄清楚这一点。

我有一个非常简单的脚本:

function nightmode() {
    var oLink = document.createElement("link") 
    oLink.href = "nightmode2.css";
    oLink.rel = "stylesheet"; 
    oLink.type = "text/css"; 
    document.body.appendChild(oLink);

还有一个按钮:

<button onclick="nightmode()">Night Mode</button>

总而言之，这非常有效。

但是，我想再次单击以删除样式表。那么有什么方法可以让 nightmode() 在第二次运行时反转自身，然后在第三次运行时正常运行，然后在第四次运行时反转，等等？

谢谢!

Answer 1

添加一个变量:

var clicks = 0;

夜间模式外在夜间模式中放:

if (clicks % 2 == 1)
{
    //existing code
}
else
{
     //remove css
}
clicks++;