javascript - 这个用于交换 HTML 主体的 CSS 类的简单 javascript 函数有什么问题?

标签 javascript html css

我已经盯着这个看太久了。我在整个过程中都发出了警报,流程是正确的。样式存在。正文以“styleBlack”类开始。满足 if 语句的条件,body 的类变为“styleLight”。第二次调用满足 else 语句的条件,但 mDiv 的 innerHTML 没有改变,body 的类也没有改变。

function ColorSwap() {
  var mDiv = document.getElementById("m_divSwap");
  if (mDiv.innerHTML = "Go Light") {
    mDiv.innerHTML = "Go Dark";
    document.body.className = "styleLight";
  } else {
    mDiv.innerHTML = "Go Light";
    document.body.className = "styleBlack";
  }
}

最佳答案

您正在分配而不是比较

改变

if (mDiv.innerHTML = "Go Light")

if (mDiv.innerHTML === "Go Light")

关于javascript - 这个用于交换 HTML 主体的 CSS 类的简单 javascript 函数有什么问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2326491/

相关文章:

javascript - 编辑字段时如何将 id 号发送到 Jquery 模式表单中?

javascript - nightwatch 中有没有办法访问按钮的 onClick 处理程序代码?

javascript - 使用 jquery 对多列进行字母数字排序

php - 从 php 重定向函数内部向下滚动到页面上的特定 div id

html - CSS显示:block not working

javascript - 如何在D3js中为不同的图表显示不同的标题?

javascript - 以 xml 作为请求数据的 html 中的 POST 请求示例

javascript - 如何将数据从nodejs传递到html脚本标签内部

javascript - 保留一个 :active on while person is on the page?

css - 如何在 Visual Studio 2010 中启用 CSS 文件的错误检测?