批量修改html标签属性,JS批量操作CSS属性详细解析

.day

{

background-color:White;

}

.night

{

background-color:Black

}

function operStyle() {

var divObj = document.getElementById("divContent");

var btnObj = document.getElementById("btnCommit");

if (divObj.className == "day") {

divObj.className = "night";

btnObj.value = "开灯";

} else {

divObj.className = "day";

btnObj.value = "关灯";

}

}

//批量修改div的样式属性，由多种样式构成

//方法1：

function methodOne() {

var divObj = document.getElementById("divTest");

divObj.style.backgroundColor = "blue";

divObj.style.border = "solid 1px red";

divObj.style.width = "300px"