您的位置:首页 > Web前端 > CSS

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

2017-07-06 00:00 232 查看
方法一.使用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");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js修改css样式 js css