defaultView与currentStyle的区别

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8">
 5     <title>测试</title>
 6     <style type="text/css">
 7     .btn1{
 8         color:red;
 9     }
10     </style>
11 </head>
12
13 <body>
14     <button id="btn1" class="btn1">点我</button>
15
16 </body>
17 <script type="text/javascript">
18      var getCSS = function(obj, v) {
19         var _style = obj.style;
20         if (_style[v]) return _style[v];
21         if (obj.currentStyle) return obj.currentStyle[v];//兼容IE7-IE11；不兼容chrome、firefox、safari、opera
22         if (document.defaultView && document.defaultView.getComputedStyle) {//兼容IE9-IE11、chrome、firefox、safari、opera；不兼容IE7-IE8
23             v = v.replace(/([A-Z])/g, "-$1").toLowerCase(); //这里要把类似backgroundColor转为background-color，因为这里使用传统的"text-Align"风格的规则书写方式，而不是"textAlign"
24             var s = document.defaultView.getComputedStyle(obj, "");
25             return s && s.getPropertyValue(v);
26         }
27         return null;
28     };
29
30     alert(getCSS(document.getElementById("btn1"),"color"));
31
32
33 </script>
34 </html>

转载于:https://www.cnblogs.com/jiunie/p/10944490.html

defaultView与currentStyle的区别_获取CSS样式值相关推荐

php 获取css值,如何通过JS获取CSS属性值
JS获取CSS属性 #f{background-color:#FF0000;} var o = document.getElementById('f'); document.write(o.style ...
js获取css属性值的方法
js操作获取dom元素的样式属性值 obj.style: 它只能够获取通过style设置的元素CSS属性值: 在html标签内通过style设置行内属性通过.dom.style.width=&quo ...
86 js获取元素样式值
文章目录 1.样式的种类 2.元素.style.属性名 2.window.getComputedStyle() 3.currentStyle 4.兼容写法 5.获取元素样式值的方法前面学习了如何设置 ...
关于styleSheets1：获取css样式
不考虑其他情况,现在样式表主要是css,因此主要操作对象是:CSSStyleSheet 范围:包含<style>元素和rel特性被设置为"stylesheet"的< ...
vue动态获取css样式,Vue 框架之动态绑定 css 样式实例分析
今天的小实例是关于 Vue 框架动态绑定 css 样式,这也是非常常用的一个部分首先说一下动态绑定,相对的大家都知道静态绑定,静态绑定的话,直接加 class=""就可以了,使 ...
外链式样式表_引入CSS样式表（书写位置）
CSS初识 CSS(Cascading Style Sheets) 美化样式 CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片 ...
javascript获取元素样式值
使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:1 ...
js中style,currentStyle和getComputedStyle的区别以及获取css操作方法
在js中,之前我们获取属性大多用的都是ele.style.attr这种形式的方法,但是这种方法是有局限性的,该方法只能获取到行内样式,获取不了外部的样式.所以呢下面我就教大家获取外部样式的方法,因为获 ...
css百分比跟em的区别_查看CSS单位：像素，EM和百分比
单位在测量和建造房屋,桥梁或塔楼等物品方面起着重要作用,并且建造网站也不例外. Web上有多种测量方法,特别是CSS中的像素,EM和Percentage . 在本文中,我们将遍历这些单位,以进一步了解 ...
jQuery获取CSS样式中的颜色值的问题，不同浏览器格式不同怎么办
使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE10以下版本中是以HEX格式显示[#ffff00],而IE10,.Chrome.Firefox中则是以GRB ...

defaultView与currentStyle的区别_获取CSS样式值

defaultView与currentStyle的区别_获取CSS样式值相关推荐

最新文章

热门文章