`
deng131
  • 浏览: 662944 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

javascript获取元素CSS样式值

阅读更多
IE:
element.currentStyle

currentStyle 对象返回了元素上的样式表,但是 style 对象只返回通过 style 标签属性应用到元素的内嵌样式。因此,通过 currentStyle 对象获取的样式值可能与通过 style 对象获取的样式值不同。例如,如果段落的 color 属性值通过链接或嵌入样式表设置为红色( red ),而不是内嵌的话,对象.currentStyle.color 将返回正确的颜色,而对象 style.color 不能返回值。但是,如果用户指定了 <P style="color:’red’">,currentStyle 和 style 对象都将返回值 red。
currentStyle 对象反映了样式表中的样式优先顺序。

在 HTML 中此顺序为:
内嵌样式 -》样式表规则-》HTML 标签属性-》HTML 标签的内部定义

W3C:
window.getComputedStyle(element,pseudoElt)
element 必选,HTML元素
pseudoElt 必选,获取该元素的伪类样式

参考:
http://www.quirksmode.org/dom/w3c_css.html
http://foxling.org/category/js-ajax-dom/page/3/
分享到:
评论

相关推荐

    javascript获取元素CSS样式代码示例

    如果想用javascript获取一个元素的样式信息,首先想到的应该是元素的style属性,下面我们看看javascript如何获取元素CSS样式

    Javascript获取相同CSS样式的元素

    NULL 博文链接:https://xiongjiajia.iteye.com/blog/1554647

    老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)

    众所周知,CSS样式有三种类型:行内样式、内部样式和外部样式,JavaScript获取CSS样式时分为两种情况:行内样式获取法 和 非行内样式获取法 。 一、行内样式获取相对简单,通过element.style.attr(元素.style.属性...

    javascript 获取元素样式必杀技

    Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(&lt;div xss=removed&gt;hello),可以直接使用element.style.color来直接获取css属性的值; 2. 但是对于外部定义的css样式使用...

    原生javascript获取元素样式属性值的方法

    IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准浏览器, W3C也提供了一个方法getPropertyValue, 此方法, 稍有点复杂, 首先要通过document.defaultView.getComputedStyle获得Css的样式对象, 然后通过该对象...

    JavaScript改变CSS样式的方法汇总

    JavaScript允许你即时的改变CSS样式,这样就可以将用户的眼球吸引到你想他们关注的地方上,并且提供较好的交互体验给力 。 JavaScript修改CSS有4种方法: 修改节点style(内联样式); 改变节点class或id; 写入新的...

    原生JS实现获取及修改CSS样式的方法

    大家都知道在JavaScript原生操作中获取元素的样式,在实际操作是使用时比较频繁的一件事,这里像大家介绍下获取css样式的方法,希望可以帮助一些需要的人,如果有幸被大牛看到,有更好的办法,欢迎提出!!! 一、...

    利用原生JavaScript获取元素样式只是获取而已

    1、element.style:只能获取写在元素标签中的style属性里的样式值,无法获取到定义在&lt;style&gt;&lt;/style&gt;和通过&lt;link href=”css.css”&gt;加载进来的样式属性 代码如下: var ele = document....

    JavaScript动态添加css样式和script标签

    [动态添加css样式] &lt;html&gt;  &lt;head&gt;  [removed]  [removed]=function(){  var head=document.getElementsByTagName('head')[0]; //获取到head元素   var link=document.createElement('link');...

    JavaScript获取css行间样式,内连样式和外链样式的简单方法

     //先获取到要获取样式的元素标签,也就是获取到div1  console.log(odiv.style.background); //这样我们就可以获取到了行间的样式了 [removed] 【内连样式获取】 &lt;html&gt;  &lt;head&gt;  &lt;style&gt; ...

    你未必知道的JavaScript和CSS交互的5种方法

    用JavaScript获取伪元素(pseudo-element)属性 大家都知道如何通过一个元素的style属性获取它的CSS样式值,但能获取伪元素(pseudo-element)的属性值吗?可以的,使用JavaScript也可以访问页面中的伪元素。 代码如下:...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    10、原生JavaScript获取cookie值 11、原生JavaScript加入收藏夹 12、原生JavaScript设为首页 13、原生JavaScript判断IE6 14、原生JavaScript加载样式文件 15、原生JavaScript返回脚本内容 16、原生JavaScript清除...

    javascript获取元素的计算样式

    使用css控制页面有4种方式,分别为行内样式(内联样式)、内嵌式、链接式、导入式。 行内样式(内联样式)即写在html标签中的style属性中,如 &lt;div xss=removed&gt;&lt;/div&gt; 内嵌样式即写在style标签中,例如&lt;style type...

    浅谈javascript获取元素transform参数

    之前写页面的时候有试过想用js获取某些元素的translate的数值什么的,但是translate又是transform的子样式(勉强说说),理所当然就是先获取transform样式,再读里面的值。 代码如下: body{-webkit-transform: ...

    Javascript通过控制类名更改样式

    2. 为网页内的某个元素指定一个css样式来更改该元素的外观 &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;title&gt;className...

Global site tag (gtag.js) - Google Analytics