使用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操作

回答

相關問題