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

【问题标题】：how to make a background-color on a div tag如何在 div 标签上制作背景颜色
【发布时间】：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 没有将红色作为背景！怎么了？

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：