通过在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 = ""}
  }
);
Ankita Kuchhadiya

您的代码中有两个问题:

  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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章