我正在尝试使用 JS 更改 CSS "body" 属性的背景...我不断收到 "newBgColor is not defined" 的控制台错误

Question

我一直在尝试使用一个函数来改变 DOM 的背景颜色。我可能错过了一些超级“在我脸上”的东西，但我看不到它

我的JS代码是-

function changeBg()     {     
let newBgColor = document.querySelector("body")      
console.log(newBgColor)      
newBgColor.style.backgroundColor = "white";      
}

The CSS Im hoping to change is -

     body {      
  font-family: 'Open Sans';     
  font-weight: normal;      
  max-width: 760px;      
  background-color: #ffe8d6;      
  margin: 0 auto;      
  color: rgb(193, 178, 164);      

  }
``   
I keep getting this error -
ReferenceError - newBgColor is not defined.

Answer 1

这是您可以执行的操作的示例，在 <head> 中加载 CSS 并在页面末尾加载 JavaScript。

<!DOCTYPE html>
<html>

<head>
  <title>Body Bg Color</title>

  <style>
    body {
      font-family: 'Open Sans', sans-serif;
      font-weight: normal;
      max-width: 760px;
      background-color: #ffe8d6;
      margin: 0 auto;
      color: rgb(193, 178, 164);
      width: 100vw;
      height: 100vh;
    }
  </style>

</head>

<body>


  <script>
    function beigeBg() {
      let newBgColor = document.querySelector("body")
      console.log(newBgColor)
      newBgColor.style.backgroundColor = "beige";
    }

    beigeBg();
  </script>
</body>

</html>

我正在尝试使用 JS 更改 CSS "body" 属性的背景...我不断收到 "newBgColor is not defined" 的控制台错误

Im trying to change the background of a CSS "body" property with JS...I keep getting a console error of "newBgColor is not defined"

javascript

css

dom

function

我正在尝试使用 JS 更改 CSS "body" 属性 的背景...我不断收到 "newBgColor is not defined" 的控制台错误

Im trying to change the background of a CSS "body" property with JS...I keep getting a console error of "newBgColor is not defined"

javascript

css

dom

function

我正在尝试使用 JS 更改 CSS "body" 属性的背景...我不断收到 "newBgColor is not defined" 的控制台错误