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 auto;}
  9. </style>
  10. </head>
  11. <body>
  12. <input type="button" value="style" id="btn" />
  13. <div id="div1"></div>
  14.  
  15. <script>
  16. //获取非行间css样式
  17. function getStyle(obj,attr){    //获取非行间样式，obj是对象，attr是值
  18.     if(obj.currentStyle){   //针对ie获取非行间样式
  19.         return obj.currentStyle[attr];
  20.     }else{
  21.         return getComputedStyle(obj,false)[attr];   //针对非ie
  22.     };
  23. };
  24. //为对象写入/获取css样式
  25. function css(obj,attr,value){   //对象，样式，值。传2个参数的时候为获取样式，3个是设置样式
  26.     if(arguments.length == 2){  //arguments参数数组，当参数数组长度为2时表示获取css样式
  27.         return getStyle(obj,attr);  //返回对象的非行间样式用上面的getStyle函数
  28.     }else{
  29.         if(arguments.length == 3){  //当传三个参数的时候为设置对象的某个值
  30.             obj.style[attr] = value;
  31.         };
  32.     };
  33. };
  34. window.onload = function(){
  35.     var oDiv = document.getElementById("div1");
  36.     var oBtn = document.getElementById("btn");
  37.     oBtn.onclick = function(){
  38.         alert(getStyle(oDiv,"height"));
  39.         css(oDiv,"background","green");
  40.         alert(css(oDiv,"width"));
  41.     };
  42. };
  43. </script>
  44. </body>
  45. </html>

摘自：http://www.cnblogs.com/piercalex/p/3386574.html

js获取非行间样式/写入样式（行间）的更多相关文章

  1. js获取非行间样式/定义样式

    <!--DOCTYPE html--> <html> <head> <meta charset="utf-8" /> <sty ...

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

    <!--DOCTYPE html--> <html> <head> <meta charset="utf-8" /> <sty ...

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

    获取非行间样式: <!DOCTYPE html> <html lang="en"> <head> <meta charset=" ...

  4. JS获取非行间样式

    我们都知道用offset函数获取元素样式是一件很方便的事,但是offset只能获取行间样式,而无法获得非行间样式,这是它的瓶颈所在. 我们都知道js获取行间样式的方法,那么js是如何获取行距样式的呢? ...

  5. js 获取非行间样式

    1.getComputedStyle(nodeObj,false):该方法是BOM对象,第一个是要获取样式的节点对象:第二个可以写成任何的字符一般写成false或者null,这里最好是用false因为 ...

  6. js和jquery中获取非行间样式

    样式又分为了行间样式和非行间样式.一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相 ...

  7. js兼容总结之获取非行间样式

    非行间样式案例 #div1 { width: 200px; height: 200px; background: red; } IE获取非行间样式 var oDiv = document.getEle ...

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

    html节点的样式分为以下几种 (1)浏览器默认样式 (2)引用样式(引用外部css文件的样式.style标签内定义的样式) 引用外部css样式:<link rel="styleshe ...

  9. 原生js提取非行间样式

    js用style属性可以获得html标签的样式,但是不能获取非行间样式,如何获取css的非行间样式呢,在低版本ie我们可以用currentStyle,在其他浏览器我们可以用getComputedSty ...

随机推荐

  1. BeautifulSoup类

    from bs4 import BeautifulSoup soup1 = BeautifulSoup("<html>data</html>"," ...

  2. centos下安装 glances 的问题

    开始想安装htop 然后 yum installhtop 没有 yum searchhtop 也没有  然后上github 发现一个比htop还华丽的东西. Glances 大概这个样子的. 可以一览 ...

  3. Linux：Day4(上) 文件管理、管道

    文件管理:cp.mv.rm 复制命令:cp cp [OPTION]... [-T] SOURCE DEST cp [OPTION]... SOURCE... DIRECTORY cp [OPTION] ...

  4. Linux进程管理 (7)实时调度

    关键词:RT.preempt_count.RT patch. 除了CFS调度器之外,还包括重要的实时调度器,有两种RR和FIFO调度策略.本章只是一个简单的介绍. 更详细的介绍参考<Linux进 ...

  5. Feature Extractor[VGG]

    0. 背景 Karen Simonyan等人在2014年参加Imagenet挑战赛的时候提出的深度卷积神经网络.作者通过对2013年的ILSVRC中最好的深度神经网络模型(他们最初的对应模型都是ale ...

  6. Generative Adversarial Nets[Vanilla]

    引言中已经较为详细的介绍了GAN的理论基础和模型本身的原理.这里主要是研读Goodfellow的第一篇GAN论文. 0. 对抗网络 如引言中所述,对抗网络其实就是一个零和游戏中的2人最小最大游戏,主要 ...

  7. UITableView的编辑操作

    继续上篇UITableView和UITableViewController, 打开BNRItemsViewController.m,在类扩展中添加如下属性: @property (nonatomic, ...

  8. AT1219 歴史の研究

    附带权值的类区间众数问题?不是很好策啊 发现题目没有强制在线,而且也只有询问操作,那么可以考虑莫队 但是这里的莫队有一个很显著的特征,插入的时候很好维护答案,但是删除的时候不好回退 那么有没有什么办法 ...

  9. [Flume]使用 Flume 来传递web log 到 hdfs 的例子

    [Flume]使用 Flume 来传递web log 到 hdfs 的例子: 在 hdfs 上创建存储 log 的目录: $ hdfs dfs -mkdir -p /test001/weblogsfl ...

  10. Chrome开发者工具应对页面跳转页面点击事件等实用干货

    1.如何解决页面跳转 打开Preserve log即可 禁用页面缓存在右边的disable cache 2.如何监听页面点击 重要的是举一反三,看不懂英文去翻译!Mouse鼠标,click点击,,,, ...