首页 > 代码库 > css函数,来自于jQuery,获取非行间样式
css函数,来自于jQuery,获取非行间样式
css(oDiv,‘width‘)获取样式(会把样式的结果给返回出去)
css(oDiv,‘width‘,‘200px‘) 设置样式
简单来说,css函数给两个参数是获取,给三个参数是设置。
html格式:
- <body>
- <div id="div1" style="width:200px; height:200px; background:red;">
- </div>
js代码:
- function css()
- {
- if(arguments.length==2)
- {
- return arguments[0].style[arguments[1]];
- };
- else
- {
- return arguments[0].style[arguments[1]]=arguments[2];
- };
- };
- window.onload=function ()
- {
- var oDiv=document.getElementById(‘div1‘);
- //alert(css(oDiv,‘width‘)); //两个参数,获取样式
- css(oDiv,‘background‘,‘green‘); //三个参数,设置样式
- };
上面的代码简写:
- function css(obj,name,value)
- {
- //alert(obj==arguments[0]);
- if(arguments.length==2)
- {
- return obj.style[name];
- };
- else
- {
- return obj.style[name]=value;
- };
- };
- window.onload=function ()
- {
- var oDiv=document.getElementById(‘div1‘);
- alert(css(oDiv,‘width‘));
- //css(oDiv,‘background‘,‘green‘);
- };
css函数,来自于jQuery,获取非行间样式
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。