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,应该这么做:
// javascriptvar obj = document.getElementById("div");obj.style.display= "none";// jquery $("#div").hide();$("#div").css("display","none");