1、设置一个行内样式
function setCss(curEle,attr,val) {
if(attr === "opacity"){
curEle.style[attr] = val;
curEle.style["filter"] = "alpha(opacity="+val*100+")";
return;
}
var reg = /^width|height|fontSize|(margin|padding)?(top|left|bottom|right)?$/i;
if(reg.test(attr)){
if(typeof val==="number"){
val = val +"px";
}
}
curEle.style[attr] =val;
}
2、设置一组样式
function setCss(curEle,attr,val) {
if(attr === "opacity"){
curEle.style[attr] = val;
curEle.style["filter"] = "alpha(opacity="+val*100+")";
return;
}
var reg = /^width|height|fontSize|(margin|padding)?(top|left|bottom|right)?$/i;
if(reg.test(attr)){
if(typeof val==="number"){
val = val +"px";
}
}
curEle.style[attr] =val;
}
function setGroupCss(curEle,obj) {
for(var key in obj){
setCss(curEle,key,obj[key])
}
}
对设置和获取样式属性进行简单的封装
function setCss(curEle,attr,val) {
if(attr === "opacity"){
curEle.style[attr] = val;
curEle.style["filter"] = "alpha(opacity="+val*100+")";
return;
}
var reg = /^width|height|fontSize|(margin|padding)?(top|left|bottom|right)?$/i;
if(reg.test(attr)){
if(typeof val==="number"){
val = val +"px";
}
}
curEle.style[attr] =val;
}
function setGroupCss(curEle,obj) {
for(var key in obj){
setCss(curEle,key,obj[key])
}
}
function getCss(curEle,attr) {
var val;
if("getComputedStyle" in window){
val = getComputedStyle(curEle)[attr];
}else{
val = curEle.currentStyle[attr];
}
var reg = /^width|height|fontSize|margin|padding|top|left|right|bottom$/;
if(reg.test(attr)){
if(!isNaN(parseFloat(val))){
val = parseFloat(val);
}else{
return ""
}
}
return val;
};
function css(...argu) {
if(argu.length===3){
setCss(...argu);
}else if(argu.length===2){
if(toString.call(argu[1])==="[object Object]"){
setGroupCss(...argu)
}else{
return getCss(...argu);
}
}
}