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

Question

我有这段代码：

 <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没有将红色作为背景！ 怎么了？

Answer 1

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

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

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

Answer 2

T.J。克劳德打败了我，但就像演示一样，如果你对使用setAttribute感到满意，你可以这样做：

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

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