JavaScript 操作 Css
日期：2008-06-17 阅读：196 分类：Javascript
/*****************javascript操作css****************
writer:tantaiyizu
date:2008-5-6
msn:danxinju@hotmail.com
********************************************/
var css = {
CName: function(name){
var _name = name.replace(/-[A-Za-z]/ ,function(rc){ //去掉-并转换-后的字符为大写
return rc.toUpperCase().replace("-" ,"");
});
return _name;
},
get: function(elem ,name){
var _name = this.CName(name); //_name为IE下属性的名字
if(elem.currentStyle){ //IE方式获取
return elem.currentStyle[_name];
}
else if(document.defaultView && document.defaultView.getComputedStyle){ //w3c方式获取
var s = document.defaultView.getComputedStyle(elem, "");
return s?s.getPropertyValue(name) : "";
}
return "";
},
set: function(elem ,arg ,value){
if(typeof arg == "string" && typeof value == "string"){ //传入属性，属性值
arg = this.CName(arg);
elem.style[arg] = value;
}
else if(typeof arg == "object"){ //传入json对象，批量设置
for(var ii in arg){
var _ii = this.CName(ii);
elem.style[_ii] = arg[ii];
}
}
}
};
window.onload = function(){
var d = document.getElementById("kp");
var x = css.get(d ,"background-color");
//alert(x)
//css.set(d ,"background-color" ,"#BFD9FF");
css.set(d ,{
"background-color":"#BFD9FF" ,
"height":"300px"
});
};
本页链接： http://www.scriptlover.com/static/42-css-JavaScript-操作
标签： css JavaScript 操作
相关文章
- 纯css+html制作的菜单 2008-07-06
- getElementsByClassName 2008-07-21
- 布局：div等高处理 2008-07-06
- xhtml+css 设计注意事项 2008-07-30
- 今天买了css蝉意花园 2008-07-26
- Javascript在chrome中辅助预订火车票的方法 2012-01-06
- 一款不错的日历控件 2008-07-31
- Javascript常用函数归档 2008-12-01
- JS和VML画曲线图 2008-07-06
- 10多个用于操作Google Map的JavaScript资源 2011-08-24
- javascript中的Dom node操作 2009-02-05
- 非常简练的ajax操作函数 2008-10-28
- JS操作table(表格) 2011-09-28
- 高效的字符串操作类 2008-10-28