其名称中带有“ - ”的Javascript样式变量无法更改?
问题描述:
好的,所以这个bug花了我相当多的时间和尴尬。似乎任何带有 - 名称的样式变量都不能被javascript修改。其名称中带有“ - ”的Javascript样式变量无法更改?
正如在这里看到:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Class Test</title>
<meta charset="utf-8" />
<style>
body { text-align: center; background-color: #ffffff;}
#box { position: absolute; left: 610px; top: 80px; height: 50px; width: 50px; background-color: #ff0000; color: #000000;}
</style>
<script type="text/javascript">
var box = 0;
</script>
</head>
<body>
<div id="box" ></div>
<script type="text/javascript">
box = document.getElementById('box');
box.style.background-color = "#0000ff";
</script>
</body>
</html>
在
盒子说,例如将只停留红色。那么,如何改变一个样式变量 - 在它的名字?
答
backgroundColor
,camelCase。
非常感谢你 “的背景值,减去色值”
。我会尽快接受这个答案。 – William 2010-06-13 23:54:58