如何在 div 标签上制作背景颜色

Posted 2023-02-21

【中文标题】如何在 div 标签上制作背景颜色

【英文标题】：how to make a background-color on a div tag

【发布时间】：2015-08-15 04:02:57

【问题描述】：

我有这个代码：

 <div data-role="page" id="two">
    <div data-role="content" >

        <div id="pic1"></div>  
  </div>

还有这个 javascript 代码：

<script type="text/javascript">
    document.getElementById("pic1").setAttribute("background-color","red");
</script>

问题是我的 div 没有将红色作为背景！ 怎么了？

【问题讨论】：

document.getElementById("pic1").style.backgroundColor = "red";

CSS background color in JavaScript 的可能重复项

【参考方案1】：

T.J. Crowder 击败了我，但只是作为一个演示，如果你一心想要使用 setAttribute，你可以这样做：

document.getElementById("pic1").setAttribute("style","background-color:red");

如您所见，css 属性是 background-color，而不是 html 属性。

【讨论】：

另一种解决方案：document.getElementById("pic1").style['background-color'] = 'red';

【参考方案2】：

你正在寻找元素上的style property，没有background-color 属性：

document.getElementById("pic1").style.backgroundColor = "red";

---

也就是说，通常最好使用 CSS 设置样式并添加/删除类。