用JS修改CSS样式

今天修改项目的一个页面，涉及到通过js来修改css样式。自己盲目的试了好几种语法，结果都是错的。

看来还是要求助度娘啊。

突然发现在我们公司做开发，包你的js水平和css水平提高，为什么，因为公司只有一个美工，qie~~

1、添加样式

document.getElementById("id").className="div_class";

2、添加背景图片

document.getElementById("id").style.backgroundImage ="url(../images/tab_bg1.gif)";
也可以填网址

3、添加颜色

document.getElementById("id").style.color = "#fff";

4、设置字体大小

document.getElementById("id").style.fontSize = "30px";

5、设置背景色

document.getElementById("id").style.backgroundColor = "blue";

6、设置边框

document.getElementById("id").style.border = "2px solid #333333";
参数分别为宽度，样式，颜色

7、设置宽度

document.getElementById("id").style.width = "40%";

8、居中显示

document.getElementById("id").style.textAlign = "center";