getComputedStyle获取css属性与IE下的currentStyle获取到的值不同

最新推荐文章于 2020-11-26 20:58:47 发布

转载最新推荐文章于 2020-11-26 20:58:47 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/double405/p/4592796.html

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
    .button {
    height: 2em;
   line-height:24px;
    //border: 0;
    //border-radius: .2em;
    background-color: #34538b;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    }
    </style>
</head>

<body>
      <input type="button" id="button" class="button" value="点击我，显示高度" />
    <script>
        document.getElementById("button").onclick = function() {
            //var oStyle = this.currentStyle? this.currentStyle : window.getComputedStyle(this, null);
            var oStyle = this.currentStyle || window.getComputedStyle(this, null);//IE下获取是2em,Firefox下获取的是24px;浏览器默认1em=16px;
            alert(oStyle.height);
    };
</script>
</body>
</html>

转载于:https://www.cnblogs.com/double405/p/4592796.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30725467

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

vbs和IE（一）

sereneWorkshop的专栏

10-14

8791

前段时间一个小的应用，需要整理大量的日志文件，最后需要将整理结果存入Excel，考虑到仅是在Windows下的一个小东西，隧打算用vbs脚本实现，将其中遇到的问题整理一下，以备以后查查，也希望能帮到小盆友，也欢迎大盆友来指点。遇到的第一个问题是vbs没有界面，如果使用cscript，勉强算有个字符界面，可是对于用习惯了windows的那些同事，觉得字符不好玩，尽管我解释说图形上其实也没显示什么，和字符界面显示的一样，也就是能看到一个进度条和日志而已，最后我屈服了，那就给你图形吧。。。

getcomputedstyle和style的区别

weixin_33924220的博客

05-07

200

1.只读与可写getComputedStyle方法是只读的，只能获取样式，不能设置；而element.style能读能写，能屈能伸。2.获取的对象范围getComputedStyle方法获取的是最终应用在元素上的所有CSS属性对象（即使没有CSS代码，也会把默认的祖宗八代都显示出来）；而element.style只能获取元素style属性中的CSS样式。因此对于一个光秃秃的元素<p>，...

参与评论您还未登录，请先登录后发表或查看评论

currentStyle与computedStyle

SY199505的博客

08-27

622

getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。 var style = window.getComputedStyle("元素", "伪类"); element.currentStyle返回的是元素当前应用的最终CSS属性值（包括外链CSS文件，页面中嵌

getComputedStyle与currentStyle

孙群

12-15

3751

本文参考https://developer.mozilla.org/en-US/docs/Web/API/Window.getComputedStyle 1.简介 getComputedStyle是window下的一个全局函数，可以获取元素真正使用的样式。 2.语法 var style = window.getComputedStyle(element[, ps

getComputedStyle方法获取元素CSS值

weixin_33850015的博客

08-11

483

javascript的style属性只能获取内联样式，对于外部样式和嵌入式样式需要用currentStyle属性。但是，currentStyle在FIrefox和Chrome下不支持，需要用getComputedStyle 1、getComputedStyle是？ getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。返回...

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

10-26

在IE中，可以通过element.currentStyle属性来获取元素的当前样式，但与getComputedStyle()不同的是，currentStyle返回的是元素的实时样式，而不仅仅是计算后的样式。在IE9及更高版本中，虽然开始支持...

JS获取CSS样式（style/getComputedStyle/currentStyle）

11-23

在JavaScript中，获取CSS样式的方法主要有两种：`element.style` 和 `window.getComputedStyle()` 或 `element.currentStyle`（仅IE浏览器）。这些方法可以帮助开发者在运行时动态地读取或修改页面元素的样式。 ...

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

10-26

总的来说，要从元素的CSS类中获取属性值，开发者需要理解JavaScript与CSS样式之间的交互机制，以及如何正确地使用`getComputedStyle`和`currentStyle`。此外，还需要关注浏览器兼容性问题，尤其是对于旧版IE浏览器，...

getComputedStyle兼容

dy3200的博客

12-16

1971

使用方法 obj.currentStyle[attr]; //IE8及以下支持 window.getComputedStyle(obj,null)[attr]; //IE8以上、FireFox、Chrome支持；参数一：元素；参数二：伪类 JavaScript中访问元素的样式 javascript中，使用驼峰的形式取CSS属性，通过style对象取得style特性中指定的样式。例：document.getE

实现浏览器兼容版的window.getComputedStyle

yihuoZhou的博客

05-25

3947

为实现浏览器兼容版的获取元素的实际样式，可以封装一个函数，下面是网易微专业上的一道练习题，后面是我写的代码封装函数。 getStyle函数用于获取元素的实际样式，语法如下： var cssPropertyValue = getStyle (element, cssPropertyName)；使用示例如下： getStyle(element, “color”)

window.getComputedStyle()方法的使用及其扩展

weixin_30294021的博客

04-28

677

1.window.getComputedStyle()方法返回值是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration])，只读。语法：var style = window.getComputedStyle("元素", "伪类"); //第二个参数选填如果不查询伪类的话可以不填或填nul...

element.style和window.getComputedStyle的一些注意点

hhy1998hhy的博客

11-26

475

element.style只能改变内联样式,因为没有给div设置内联样式，所以div.style.left获取不到值,左边的left也就没有值了，所以div就开始移动了一下。这里可以用parseInt(window.getComputedStyle(div).left)来改变div.left的值 ...

ie获取全局样式currentStyle的问题

aliven1的博客

05-30

999

getStyle=function(obj,attr){ //获得对象的属性值，含单位 if(obj.currentStyle){ //ie作为属性存在 return Number.parseFloat(obj.currentStyle[attr]); }else{ return Number.parseFloat(getComputedStyle(obj,100)[attr]);//...

style、currentStyle、getComputedStyle区别介绍

weixin_30898109的博客

02-20

297

样式表有三种方式内嵌样式（inline Style）：是写在Tag里面的，内嵌样式只对所有的Tag有效。内部样式（internal Style Sheet）：是写在HTML的里面的，内部样式只对所在的网页有效。外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个...

js获取html元素宽度的思考

zhouruitao的专栏

09-07

8471

<br /> <br />分两种情况讨论：<br />1、使用内联样式，即直接把CSS写在HTML元素的style属性中<br /><div id="d1" style="width:100px;height:200px;"> </div> <br /> <br />通过以下js代码可以获取width等属性，<br />alert(document.getElementById('d1').style.width);//100px <br /> <br />在firefox，ie，opera，saf

使用js无法获取到style样式中的各种属性值

shooting_stars_的博客

10-22

3585

解决办法: 1.使用行内样式设置元素的top.left或其他值; 2.or直接获取元素的offsetLeft得到相关数值,还不需要parseInt 问题原因: 如果父div的position定义为relative,子div的position定义为absolute，那么子div的style.left的值是相对于父div的值，这同offsetLeft是相同的，区别在于： style.left...

js获取css属性值