getComputedStyle currentStyle 获取当前元素所有最终使用的CSS属性值

object.getComputedStyle 获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象，只读，不能设置。

　　　　此方法不兼容IE8及以下，需用currentStyle方法。

function getStyle(obj.attr){return getComputedStyle(obj)?getComputedStyle(obj)[attr]:obj.currentStyle[attr]; //判断是否有getComputedStyle方法
}

obj为需要获取属性值的对象，attr则为需要获取到的属性。使用时直接调用getStyle函数即可。注意getComputedStyle和currentStyle使用方法有区别。

转载于:https://www.cnblogs.com/yc-web/p/6886700.html

getComputedStyle currentStyle 获取当前元素所有最终使用的CSS属性值相关推荐

css提取页面元素唯一性_下面这个函数，能够获取一个元素的任意 CSS 属性值。...
在对网页进行调试的过程中,经常会用到js来获取元素的CSS样式,方法有很多很多,现在仅把我经常用的方法总结如下: 1. obj.style:这个方法只能JS只能获取写在html标签中的写在style属 ...
获取当前元素是第几个点击值
获取当前元素是第几个点击值 http://jquery.cuishifeng.cn/index_1.html 描述: 查找元素的索引值 HTML 代码: <ul><li id=&qu ...
js获取css属性值的方法
js操作获取dom元素的样式属性值 obj.style: 它只能够获取通过style设置的元素CSS属性值: 在html标签内通过style设置行内属性通过.dom.style.width=&quo ...
php 获取css值,如何通过JS获取CSS属性值
JS获取CSS属性 #f{background-color:#FF0000;} var o = document.getElementById('f'); document.write(o.style ...
Controller层使用@value注解获取不到 yml文件中的properties属性值
原因:@Value并不会主动去父容器中查找配置文件属性值,你要配置或注入所以用new的方式获取不到用注入方式就获取到了 @Service public class PropertyService ...
php文本框的属性,在PHP中，为文本框设置“name”属性的方法是（）答案：为不同文本框表单元素分别设置不同的“name”属性值...
因谓某零件者当力论,材之则当称RP0.600MPa二>,有四种材之则与刘性足曰,若只图则,何种材宜?.俟:RP0.二二1800MPa,A = 2% 以何项不属孙富谓杜十娘之恶意与言()耳:南归, ...
CSSOM之getComputedStyle,currentStyle,getPropertyValue,getAttribute
js关于CSSOM编程的样式相关几个常用的方法 webkit:getComputedStyle,getPropertyValue IE:currentStyle,getAttribute 前言 jqu ...
获取html隐藏元素,js获取隐藏元素的宽高
获取隐藏元素(display:none)的物理尺寸问题及场景假如我们有这样一个输入框,点击能展开选择.如下图: 在这里输入框和下方的展开区域是分离的,独立的两个控件!初始状态下面的可选框是隐藏的( ...
Web前端学习笔记——JavaScript之WEBAPI、BOM、DOM及获取页面元素
Web API介绍 API的概念 API(Application Programming Interface,应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访 ...

getComputedStyle currentStyle 获取当前元素所有最终使用的CSS属性值

getComputedStyle currentStyle 获取当前元素所有最终使用的CSS属性值相关推荐

最新文章

热门文章