时间戳

首页 > 解决方案 > 通过单击 javascript 中的 btn 更改正文背景颜色

javascript - 通过单击 javascript 中的 btn 更改正文背景颜色

问题描述

我只想更改我的身体背景，例如每次单击时切换btn，并且我想使用该addEventListener方法。我不确定为什么我的代码不工作，它只在身体backgroundcolor是紫色的时候工作。

这是我的代码：

var btn = document.querySelector("button");
var body = document.getElementByTagName("body")[0];

btn.addEventListener("click", function() {
  if(body.style.backgroundColor = "") {
    body.style.backgroundColor = "purple"
  } else {
    body.style.backgroundColor = ""}
  }
);

标签： javascript

解决方案

您的代码中有两个问题：

  1. getElementByTagName()应该是getElementsByTagName()。您在该方法中有错字，因此请先更正。
  2. 然后你需要在条件中使用比较运算符（===）if。当前您正在分配值 ( =)

var btn = document.querySelector("button");
var body = document.getElementsByTagName("body")[0];

btn.addEventListener("click", function() {
  if (body.style.backgroundColor === "") {
    body.style.backgroundColor = "purple"
  } else {
    body.style.backgroundColor = ""
  }
});
<body>
Some text
<button>Click</button>
</body>

推荐阅读