本文目录一览：
- 1、怎样通过JS来为网页元素添加CSS样式
- 2、再问一次如果div原来用ID定义了css样式可以再用js重新添加css样式吗,怎么添加?
- 3、怎样用JS来添加CSS样式
- 4、如何用JS给div添加样式
- 5、在一个div中每个a变迁动态的加入一个css的js代码
怎样通过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
以此类推即可
再问一次如果div原来用ID定义了css样式可以再用js重新添加css样式吗,怎么添加?
可以，方法有很多种。比如可以用jQuery的css方法将样式属性对象赋予给div，也可以新定义一个css样式，然后用jQuery的class方法将该样式动态赋予给div。如果没有使用jQuery，就用原生的js来操作。
怎样用JS来添加CSS样式
例如改变背景色：
1234567div id="changeColor"使用JS改变背景色/divscriptvar cc = document.getElementById("changeColor");cc.style.backgoundColor="#000"; //将背景色改为黑色cc.style.fontSize="20px"; // 将文字大小改为20px，等号右边也可以写为20+"px"cc.style.color="#fff"; //将文字颜色改为白色/script
如何用JS给div添加样式
用JS给div添加样式是通过js操作css来实现的。
用js方法找到div的dom对象
通过js操作css的style属性来改变div的样式
具体举例如下：
定义div:div id="myDiv" style="color:red"改变样式测试/div
编写js代码：
var color = document.getElementById("myDiv").style.color;
if (color == "red")
document.getElementById("myDiv").style.color="black";
else
document.getElementById("myDiv").style.color="red";
执行js代码后，div原来是红色会变成黑色，原来是别的颜色会变成红色
在一个div中每个a变迁动态的加入一个css的js代码
1,你先在css写一个类样式 比如：.test{border;1px solid black;}
2,script type="text/javascript"
function change() {
//获得父元素的对象
var box = document.getElementById("box");
//获得子元素的对象组
var links = box.getElementsByTagName("a");
for (var i = 0; i links.length; i++) {
//改变每个子元素的class
links[i].setAttribute("class", "test");
}
}
/script