Question

这是我的HTML代码：

<!DOCTYPE html>
<html>
  <head>
    <title>Change color</title>
  </head>
  <body>
    <a href="https://www.facebook.com">Facebook</a>
    <h1>MY Name SAIRAM</h1>
  </body>
</html>

这是我的输出：

Output of html file

现在我要做的是在Chrome控制台中更改HTML的背景颜色，代码为：

var body = document.querySelector("body");
var isBlue = false;
setInterval(function () {
  if (isBlue) {
    body.style.backgroung="white";
  } else {
    body.style.background="blue";
  }

  isBlue = !isBlue; 
}, 1000);

输出应该每秒更改页面的背景颜色，但它不起作用。

Answer 1

这里你只是background的拼写错误。

应该是body.style.background="white";不是body.style.backgroung="white";

＆＃13;

var body=document.querySelector("body");
var isBlue=false;
setInterval(function(){
if(isBlue)
{
    body.style.background="white";
}
else
{
    body.style.background="blue";
}
isBlue = !isBlue;

},1000);

＆＃13;

<!DOCTYPE html>
<html>
<head>
    <title>change color</title>
</head>
<body>
<a href="https://www.facebook.com">FaceBook</a>
<h1>MY Name SAIRAM</h1>
</body>
</html>

＆＃13;

Answer 2

问题是您使用的名称背景不正确

body.style.backgroung = “白色”;

请更正，它会起作用

如何在Chrome控制台中使用javascript更改html的背景颜色

2 个答案: