如何用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原来是红色会变成黑色，原来是别的颜色会变成红色

可以的. 可以这样: document.getElementById("id").style.height = 100px

.style.后面可以跟css的属性名, 如宽高, 背景颜色等等, 具体你可以去尝试一下. 当原来已有此属性时,再用js设置就会把原有的属性覆盖.

1,你先在css写一个类样式 比如：.test{border1px solid black}

2,<script type="text/javascript">

function change() {

//获得父元素的对象

var box = document.getElementById("box")

//获得子元素的对象组

var links = box.getElementsByTagName("a")

for (var i = 0i <links.lengthi++) {

//改变每个子元素的class

links[i].setAttribute("class", "test")

}

}

</script>

---