css函数，来自于jQuery，获取非行间样式

css(oDiv,‘width‘)获取样式(会把样式的结果给返回出去)

css(oDiv,‘width‘,‘200px‘)       设置样式

简单来说，css函数给两个参数是获取，给三个参数是设置。

html格式：

  1. <body>
  2. <div id="div1" style="width:200px; height:200px; background:red;">
  3. </div>

js代码：

  1. function css()
  2. {
  3. if(arguments.length==2)
  4. {
  5. return arguments[0].style[arguments[1]];
  6. };
  7. else
  8. {
  9. return arguments[0].style[arguments[1]]=arguments[2];
  10. };
  11. };
  12. window.onload=function ()
  13. {
  14. var oDiv=document.getElementById(‘div1‘);
  15. //alert(css(oDiv,‘width‘));  //两个参数，获取样式
  16. css(oDiv,‘background‘,‘green‘);  //三个参数，设置样式
  17. };

上面的代码简写：

  1. function css(obj,name,value)
  2. {
  3. //alert(obj==arguments[0]);
  4. if(arguments.length==2)
  5. {
  6. return obj.style[name];
  7. };
  8. else
  9. {
  10. return obj.style[name]=value;
  11. };
  12. };
  13. window.onload=function ()
  14. {
  15. var oDiv=document.getElementById(‘div1‘);
  16. alert(css(oDiv,‘width‘));
  17. //css(oDiv,‘background‘,‘green‘);
  18. };
时间： 2024-10-06 05:05:51

css函数，来自于jQuery，获取非行间样式的相关文章

Date对象,封闭空间,函数传参和封装,获取非行间样式,字符串操作

一.Date对象 1. 获取 oDate.getFullYear() 获取年份 oDate.getMonth()+1  获取月份( 0-11)----->1-12 oDate.getDate()  获取日 1-31 oDate.getHours() 获取小时 oDate.getMinutes() 获取分 oDate.getSeconds() 获取秒 oDate.getMilliseconds();   //毫秒 oDate.getDay() 获取星期几 0-6     0:星期天 例:数码时钟

js获取非行间样式或定义样式

1 <!--DOCTYPE html--> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <style> 6 *{ text-align:center;} 7 input{ margin-top:30px; padding:10px 20px;} 8 #div1{ width:500px; height:300px; background:red; margin:10px aut

JavaScript获取非行间样式/定义样式

html节点的样式分为以下几种 (1)浏览器默认样式 (2)引用样式(引用外部css文件的样式.style标签内定义的样式) 引用外部css样式:<link rel="stylesheet" href="css/style.css" type="text/css"> style标签内:<style> width:100px; </style> (3)行间样式(节点style属性定义的样式)比如:<div

获取非行间样式，数组

1.用style来获取的是行间样式,若是要获取非行间样式,则要采用currenStyle,getComputedStyle.在用参数的时候要用[]这个来框出来,不能用. 2.getComputedStyle(obj,false)[name]这个false可以换成别的,null也行.换成nul就报错. 3.alert(getStyle(oDiv, 'background'));这里获取的background 是一个复合的样式.这个地方如果是要获取'width'不能直接用width. 在函数传参的时

获取非行间样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{text-align: center} input{margin-top:30px;padding:10px;} #div1{width:500px;height:300px;background:re

继上一篇：获取非行间样式，此处有兼容问题

html格式: <body> <div id="div1" style="width:200px; height:200px; background:red;"> </div> js代码: window.onload=function () { var oDiv=document.getElementById('div1'); //alert(oDiv.style.width);     //style只能用来获取行间样式 //I

JS获取非行间样式

我们都知道用offset函数获取元素样式是一件很方便的事,但是offset只能获取行间样式,而无法获得非行间样式,这是它的瓶颈所在. 我们都知道js获取行间样式的方法,那么js是如何获取行距样式的呢? 首先让我们看一下js是如何获取行间样式的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

JS获取非行间样式及兼容问题

获取非行间样式: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取非行间样式</title> <style> #div1{height: 200px;width: 200px;background-color: red;} </style> <script> fun

获取非行间样式的方法

了解css三种写入样式的方法 1. 内联: 写在style标签内 1 <style> 2 div { 3 width: 300px; 4 height: 300px; 5 border-width: 1px; 6 border-style: solid; 7 border-color: black; 8 background-color: pink; 9 } 10 </style> 2. 外联: 使用link标签导入 1 <link rel="stylesheet&