怎样通过JS来为网页元素添加CSS样式

例如改变背景色：

<div id="changeColor">使用JS改变背景色</div>

<script>

var cc = document.getElementById("changeColor")

cc.style.backgoundColor="#000" //将背景色改为黑色

cc.style.fontSize="20px" // 将文字大小改为20px，等号右边也可以写为20+"px"

cc.style.color="#fff" //将文字颜色改为白色

</script>

以此类推即可

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<div id="parent"></div>

function addElementDiv(obj) {

var parent = document.getElementById(obj)

//添加 div

var div = document.createElement("div")

//设置 div 属性，如 id

div.setAttribute("id", "newDiv")

div.innerHTML = "js 动态添加div"

parent.appendChild(div)

---