js动态修改css样式以及修改类名

方法一.使用obj.className

function  updateStyle(){
    var obj = document.getElementById('name');
    obj.style.width = "200px"
}

方法二.使用obj.style.cssTest来修改嵌入式的css

function updateStyle() {
   var obj = document.getElementById("name");
   obj.style.cssText = "background-color:black; display:block;color:White;width:200px";
 
}

**方法三.用setProperty() **

function updateStyle() {
   var obj = document.getElementById("name");
   obj.style.setProperty('width','250px');
 
}

方法四.使用obj.className来修改样式表的类名

function updateStyle() {
  var obj = document.getElementById("name");
  //obj.className = "name1";
  obj.setAttribute("class", "name1");
}

转载于:https://my.oschina.net/u/2929937/blog/1186380