好的,所以这个bug花了我很多时间和尴尬.似乎任何带有 - 的名称的样式变量都不能被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>
所述示例中的框将保持红色.
那么如何用 - 的名字改变一个样式变量呢？
| 归档时间： |
|
| 查看次数： |
171 次 |
| 最近记录： |