我在更改 javascript 中的 css 时遇到问题。 这是我尝试做的：
var myVar = document.getElementById("1").style.backgroundColor = "brown";body {
background-color: pink;
}CSS 正在工作，它正在使背景变成粉红色，但 JavaScript 不会将 CSS 背景颜色更改为棕色。
您正在尝试设置
<style><style><head>
<style>
body {
background-color: pink;
}
</style>
</head>
<body id="1">
<script>
document.getElementById("1").style.backgroundColor = "brown";
</script>
</body>
还值得注意的是，您不需要将元素分配给变量，除非您稍后要使用它。
使用
document.body.style.backgroundColor = "brown";var myVar = document.body.style.backgroundColor = "brown";body {
background-color: pink;
}这会选择 body 元素，您也可以将
id = "1"您必须在所选元素上设置属性，在本例中
myVarvar myVar = document.getElementById("1");
myVar.style.backgroundColor = "brown";
标签也应该是 HTML 格式，而不是样式：
<html>
<body id="1">
ok
</body>
</html>
这是我如何使用 javascript 更改正文的背景颜色。
document.querySelector("body").style.backgroundColor = "brown";你不能给样式标签一个ID。它用于设置 html 文件内页面的样式。而 Body Tag 始终是独一无二的。所以你不应该给这个标签一个ID。只需尝试在 JavaScript 中获取正文标记并更改背景颜色即可。
谢谢 Kinglish 提供的信息
你可以试试这个：
var myVar = document.getElementById("1").style.backgroundColor = "brown"; body {
background-color: pink;
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
</head>
<body id="1">
</body>
</html>