javascript 动态修改css样式方法+JQuery中操作Css样式的方法

JS 显示/隐藏

var img=document.getElementsByName("img"); function onclick1(){ for(var i=0;i<img.length;i++){ img[i].style="display:none"; }

JS改变背景颜色等

function changeStyle1() { var obj = document.getElementById("btnB"); obj.style.backgroundColor= "black"; } function changeStyle2() { var obj = document.getElementById("btnB"); obj.style.cssText = "background-color:black; display:block;color:White; }

JS直接修改样式类名

function changeStyle3() { var obj = document.getElementById("btnB"); //obj.className = "style2"; 这个方法和setAttribute效果相同 obj.setAttribute("class", "style2"); }

JS创建标签并增加样式

var spanNew = document.createElement("span"); spanNew.innerText = "商品价格不能为空"; spanNew.style = "font-size:10px; color: red"; spanNew.className = "errorMes";

JQ 显示/隐藏

$(".gameDi alog,.shadow").css("display", "none");

JQ改变位置

$(function(){ var t5 = parseInt($(".main .div5").css("top")); $(".main .div5").css("top",50+"px"); })

JQ改变背景颜色

$("#61dh a").css('color','#123456'); $("#61dh a").hover(function(){ $(this).css('color','#999'); }, function(){ $(this).css('color','#123456'); }); $("div").css({fontSize:"30px",color:"red"});