gpt4 book ai didi

javascript - 我试图用 JS 更改 CSS "body"属性的背景...我一直收到控制台错误 "newBgColor is not defined"

转载 作者:行者123 更新时间:2023-12-05 05:42:27 26 4
gpt4 key购买 nike

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

我的 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.

最佳答案

这是您可以执行的操作的示例,在 <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>

关于javascript - 我试图用 JS 更改 CSS "body"属性的背景...我一直收到控制台错误 "newBgColor is not defined",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72028722/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com