javascript、jquery 动态修改css样式方法

javascript、jquery 动态修改css样式方法

javascript 修改样式的方法

第一种、使用obj.className来修改样式表的类名

var obj = document.getElementById("div");
obj.style.backgroundColor= "red";

第二种、使用obj.style.cssTest来修改嵌入式的css

 var obj = document.getElementById("div");
 obj.style.cssText = "background-color:yellow; display:block;";

第三种、使用obj.className来修改样式表的类名(可能出现浏览器不兼容情况，尽量不使用)

  var obj = document.getElementById("div");
  obj.setAttribute("div1", "background-color:yellow; display:block;");

jquery 修改样式的方法

第一种、使用obj.css来修改样式表的类名

$("#div").css("background-color","blue");

第二种、使用obj.css数组来修改样式表的类名

$("#div").css({"background-color":"yellow","width":"200px"});

若此时有个案例，影藏某个id,应该这么做：

// javascript
var obj = document.getElementById("div");
obj.style.display= "none";
// jquery 
$("#div").hide();
$("#div").css("display","none");

欢迎大家之补充不足之处！