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

1 javascript

我只想改变我的身体背景,比如在我点击 时切换btn,我想使用该addEventListener方法。我不确定为什么我的代码不起作用,它仅在 bodybackgroundcolor为紫色时才起作用。

这是我的代码:

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 = ""}
  }
);
Run Code Online (Sandbox Code Playgroud)

Ank*_*iya 5

您的代码中有两个问题:

  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 = ""
  }
});
Run Code Online (Sandbox Code Playgroud)
<body>
Some text
<button>Click</button>
</body>
Run Code Online (Sandbox Code Playgroud)