如何从 css 更改 javascript 背景颜色
[英]How to change in javascript background color from css
问题描述
我在更改 javascript 中的 css 时遇到问题。 这是我尝试制作的：
<style id="1">
body {
background-color: pink;
}
</style>
<script>
var myVar = document.getElementById("1").style.backgroundColor = "brown";
</script>
css 工作，它使背景粉红色，但 javascript 没有将 css 背景颜色更改为棕色。
6 个解决方案
解决方案1
3 已采纳 2021-11-28 20:09:39
您正在尝试设置<style>标记的背景颜色。 这不是它的工作方式。 您应该设置正文本身的样式，而不是设置<style>标记的样式。 如果您需要，这篇 W3Schools 文章会给出解释。
<head>
<style>
body {
background-color: pink;
}
</style>
</head>
<body id="1">
<script>
document.getElementById("1").style.backgroundColor = "brown";
</script>
</body>
还值得注意的是，您不需要将元素分配给变量，除非您稍后要使用它。
解决方案2
1 2021-11-28 20:05:49
你可以试试这个：
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>
解决方案3
0 2021-11-28 20:07:34
您必须在所选元素上设置属性，在本例中为myVar
var myVar = document.getElementById("1");
myVar.style.backgroundColor = "brown";
标签也应该在 HTML 中，而不是风格：
<html>
<body id="1">
ok
</body>
</html>
解决方案4
0 2021-11-28 20:07:35
你不能给样式标签一个 ID。 它用于设置 html 文件中的页面样式。 身体标签总是独一无二的。 所以你不应该给那个标签一个ID。 只需尝试在 javascript 中获取正文标签并更改背景颜色。
thx Kinglish 供您参考
解决方案5
0 2021-11-28 20:07:51
使用document.body.style.backgroundColor = "brown"; ，您不能将 id 或类放在非元素上。 尝试这个;
var myVar = document.body.style.backgroundColor = "brown";
body { background-color: pink; }
这将选择 body 元素，您也可以将id = "1"放在 body 元素上。
解决方案6
0 2021-11-28 20:08:03
以下是我如何使用 javascript 更改身体的背景颜色。
document.querySelector("body").style.backgroundColor = "brown";
如何使用 JavaScript 更改 css 背景颜色？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.