使用JavaScript进行基本的CSS操作

我目前正在学习JavaScript，但我在基础知识方面很薄弱。我试图编写一个函数来改变点击链接时的背景颜色，你能告诉我我做错了什么吗？使用JavaScript进行基本的CSS操作

<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>

编辑：澄清，我试图改变DIV“身体”的背景颜色。

来源

2012-05-12 Bianca

你要找的属性是backgroundColor：

abra.backgroundColor = "black";

一般来说，JavaScript使用的CSS样式属性对应的驼峰。例子见list of some properties。取而代之的

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

来源

2012-05-12 01:33:57 mgiuffrida

尝试

document.body.style.backgroundColor = "black";

document.getElementbyId("body")

查找与ID身体的元素，

abra.background-color

是一样的作为

(abra.background) - color

这可能会导致一个错误，告诉你有没有var命名color。

来源

2012-05-12 01:34:06

这改变了BGCOLOR整个身体，而不仅仅是身份证“身体”的div。 OP可能想要实现这一个或另一个，只要注意它们是不同的。 – mgiuffrida

使用驼峰：

background-color => backgroundColor

var abra = document.getElementById("body").style; 
abra.backgroundColor = "black";

但是如果你想身体标记使用：

document.getElementsByTagName("body")[0]

或

document.body // recommended

来源

2012-05-12 01:34:18 andlrc

使用JavaScript进行基本的CSS操作

回答

相关问题