我目前正在学习 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>
编辑：为澄清起见，我试图改变 DIV“body”的背景颜色。
您正在寻找的物业是backgroundColor：
abra.backgroundColor = "black";
一般来说，Javascript 对 CSS 样式属性使用相应的 camelCase。有关示例，请参阅一些属性的列表。
代替
var abra = document.getElementbyId("body").style
abra.background-color = "black";
尝试
document.body.style.backgroundColor = "black";
document.getElementbyId("body")
查找 ID 为 body 的元素，并且
abra.background-color
是相同的
(abra.background) - color
这可能会导致一个错误，告诉您没有varnamed color。
使用骆驼案例：
background-color => backgroundColor
var abra = document.getElementById("body").style;
abra.backgroundColor = "black";
但是，如果您想要 body 标签，请使用：
document.getElementsByTagName("body")[0]
或者
document.body // recommended