`
deng131
  • 浏览: 672697 次
  • 性别: 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获取相同CSS样式的元素”是一个关于JavaScript编程的话题,主要涉及到如何在JavaScript中检索和操作具有相同CSS样式的HTML元素。在Web开发中,JavaScript常常用于动态地改变页面样式,或者根据...

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

    总结来说,JavaScript获取元素CSS样式时,要区分`style`属性和计算样式(`getComputedStyle`或`currentStyle`),并注意不同浏览器的兼容性问题。同时,要理解计算样式是只读的,设置样式需直接操作元素的`style`...

    js获取某元素的class里面的css属性值代码

    总的来说,`getStyle` 函数解决了 JavaScript 获取元素 CSS 样式值的问题,无论是内联样式还是外部 CSS 文件中的样式,都能有效地读取。在实际项目中,这可以帮助开发者动态地检查和改变页面元素的样式,实现丰富的...

    javascript获取非行间样式的方法

    首先,我们要明白CSS样式分为行内样式、内部样式(位于`&lt;style&gt;`标签内)和外部样式(引用的CSS文件)。行内样式直接写在HTML元素的`style`属性内,而内部和外部样式则是更规范和分离的样式设置方式。在JavaScript中...

    javascript Css 样式

    通过JavaScript获取或设置CSS样式属性,可以实现精细的样式控制;使用CSS3的动画和过渡效果,再配合JavaScript的定时器,可以创建流畅的动态效果。 在文件名列表中提到的“02、03、01”可能对应的是教程或代码示例...

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

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

    JavaScript修改css样式style

    - CSS 变量允许在一处定义样式值,然后在整个文档中重用。JavaScript 也可以通过 `CSSStyleDeclaration.setProperty` 方法修改这些变量。 7. **CSS 动态加载**: - `link` 标签可以用来动态加载外部 CSS 文件,...

    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样式对照

    在Web开发中,JavaScript经常被用来动态地修改CSS样式,实现页面元素的动态效果。为了方便开发者理解和使用,这里详细介绍了一些常用的CSS样式及其对应的JavaScript属性。 ##### 边框(Border) - **CSS属性**:`...

    JS使用getComputedStyle()方法获取CSS属性值

    首先,我们需要了解,在使用JavaScript获取CSS样式时,会遇到两个问题。第一个问题是,element.style属性只能获取到直接写在HTML标签的style属性中的样式值,而无法获取通过外部样式表或内部样式表定义的样式。例如...

    Javascript获取background属性中url的值

    总的来说,这篇文章分享了一个在JavaScript中获取CSS `background-image`属性中URL值的实用技巧,并强调了处理字符串和理解CSS属性值的重要性。对于正在学习或使用JavaScript的开发者来说,这种解决问题的方法是一个...

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

    ### 原生JavaScript获取元素样式的知识点解析 #### 1. JavaScript获取元素样式的原理和限制 在原生JavaScript中,获取元素样式与设置元素样式是完全不同的操作。获取样式意味着我们只能获取到当前元素的样式信息,...

Global site tag (gtag.js) - Google Analytics