使用JavaScript进行基本CSS操作_Javascript_Css

使用JavaScript进行基本CSS操作

javascript css

使用JavaScript进行基本CSS操作,javascript,css,Javascript,Css,我目前正在学习JavaScript，但我的基础知识非常薄弱。我正在尝试编写一个函数，当点击链接时改变背景颜色，你能告诉我我做错了什么吗 <head> <script type="text/javascript"> function change() { var abra = document.getElementbyId("body").style; abra.background-color = "black"; } </script> </h

我目前正在学习JavaScript，但我的基础知识非常薄弱。我正在尝试编写一个函数，当点击链接时改变背景颜色，你能告诉我我做错了什么吗

<head>

<script type="text/javascript">

function change()
{
var abra = document.getElementbyId("body").style;
abra.background-color = "black";

}
</script>

</head>

<body>

<div id="body" style="background-color: red;">
<a href="#" id="test" onclick="return change()">Test</a>
sdfdsfsdfds

</div>

</body>


函数更改（）
{
var abra=document.getElementbyId（“body”）.style；
abra.background-color=“黑色”；
}
sdfdsfsdfds

编辑：为了澄清，我试图更改DIV“body”的背景色。

您要查找的属性是

backgroundColor

：

abra.backgroundColor = "black";

通常，Javascript使用相应的camelCase作为CSS样式属性。请参见a以获取示例。

您要查找的属性是

背景色

：

abra.backgroundColor = "black";

通常，Javascript使用相应的camelCase作为CSS样式属性。有关示例，请参见a。

而不是

var abra = document.getElementbyId("body").style
abra.background-color = "black";

试一试

查找ID为body的元素，然后

abra.background-color

与

(abra.background) - color

这可能会导致一个错误，告诉您没有名为

color

的

var

而不是

var abra = document.getElementbyId("body").style
abra.background-color = "black";

试一试

查找ID为body的元素，然后

abra.background-color

与

(abra.background) - color

这可能会导致一个错误，告诉您没有名为

color

的

var

用例：

background-color => backgroundColor

但是，如果要使用body标记，请使用：

document.getElementsByTagName("body")[0]

或

用例：

background-color => backgroundColor

但是，如果要使用body标记，请使用：

document.getElementsByTagName("body")[0]

或

这会改变整个主体的颜色，而不仅仅是id为“body”的div。OP可能想要实现一个或另一个，只需注意它们是不同的。这会改变整个主体的颜色，而不仅仅是id为“body”的div。OP可能想要实现一个或另一个，只需注意它们是不同的。