必威体育Betway必威体育官网
当前位置:首页 > IT技术

style和currentStyle使用

时间:2019-08-21 06:12:08来源:IT技术作者:seo实验室小编阅读:90次「手机版」
 

currentstyle

1. obj.style 获取的是内联样式,即style属性中的值。

比如,下图中最后弹出为空。

2. obj.currentstyle外部(使用<link>)和内部(使用<style>)样式表中的样式。

注意:只有 IE 和 Opera 支持使用 currentStyle 获取 HTMLElement的计算后的样式,其他浏览器不支持

标准浏览器中使用getComputedStyle,IE9也支持getComputedStyle。

window.getComputedStyle 函数

参数说明:

第一个参数为要获取计算后的样式的目标元素

第二个参数为期望的伪元素,如 ':after',':first-letter' 等,而不是伪类如 ':hover'等。

注意:在 Firefox 中,第二个参数是必须的,如果没有期望的伪元素要设置为 'null',这与规范的要求相符。在Chrome Safari Opera 中,第二个参数如果为 'null' 则可以省略。

下面的例子是在chrome浏览器中测试,最后显示200px:

相关阅读

js中currentStyle和getComputedStyle获取css样式区别

js中获取样式我了解到三种。一种是通过obj.offsetAttr来获取样式,通过这种方法来获取元素的宽高时,如果没有边框,可以正确获取,如果使

JavaScript之Style对象与CurrentStyle对象

1、Style对象 style对象代表一个单独的样式声明,可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式,即元素标签

分享到:

栏目导航

推荐阅读

热门阅读