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

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

javascript html

如何在chrome控制台中使用javascript更改html的背景色,javascript,html,Javascript,Html,这是我的html代码： <!DOCTYPE html> <html> <head> <title>Change color</title> </head> <body> <a href="https://www.facebook.com">Facebook</a> <h1>MY Name SAIRAM</h1> </bo

这是我的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>

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

这里您只需更改背景的拼写就不正确了

应该是body.style.background=白色；不是身体。风格。背景=白色

var body=document.querySelectorbody； var isBlue=假；设置间隔函数{ ifisBlue { body.style.background=白色； } 其他的 { body.style.background=蓝色； } isBlue=！isBlue； },1000; 变色我叫赛拉姆

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

body.style.background=白色

请更正它，它可能会起作用，因为你写的是background而不是background？background拼错了。希望您不会将这种逻辑应用于实际站点：

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

  isBlue = !isBlue; 
}, 1000);