我一直在嘗試使用一個函式來改變 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.
uj5u.com熱心網友回復：
這是您可以執行的操作的示例，在頁面中加載 CSS<head>并在頁面末尾加載 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>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/465558.html
標籤：javascript css 功能 dom
上一篇：按ID修改和組合物件陣列