javascript - 使用 JavaScript 的基本 CSS 操作

标签 javascript css

我目前正在学习 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“主体”的背景颜色。

最佳答案

您要查找的属性是backgroundColor:

abra.backgroundColor = "black";

通常,Javascript 对 CSS 样式属性使用相应的驼峰命名法。查看list of some properties例如。

关于javascript - 使用 JavaScript 的基本 CSS 操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10560353/

相关文章:

html - Bootstrap 导航栏底部固定在平板电脑上使用屏幕键盘移动

html - 将表格布局转换为 CSS 布局的最佳方式是什么?

jquery - 对于小屏幕宽度,如何使自定义选择菜单占据整个屏幕?

html - css 使 tbody 与表格大小相同

javascript - 从 AngularJS 在 Rails 中创建记录

javascript - 可以在 Google Chrome 扩展中生成 PDF 吗?

javascript - 实现 HTML 输入电话掩码 XXX-XXX-XXXX

javascript - 通过三个级别的组件传递函数(即从孙组件调用函数)

javascript - 在 CMS 中加载时启动 JavaScript 函数的正确方法是什么?

javascript - 如何水平居中两列列表项(有或没有 Bootstrap)?