不同的解释window.getComputedStyle(myElement)['right']

时间:2014-08-11 16:44:58

标签: javascript html css

我对 window.getComputedStyle 方法的浏览器解释有疑问。

这是我的HTML:

<div id="myElement">Element content</div>

这是CSS:

#myElement{
  position:fixed;
  left: 20px;
  top: 0;
}

和JS:

var myElement = document.getElementById('myElement'),
right = window.getComputedStyle(myElement)['right'];

问题在于&#39;正确&#39;变量因浏览器而异。这是由于“正确”这一事实造成的。财产未被声明

  • 在Firefox上,它为我提供了整数&#39; px&#39;后缀(这就是我想要的),
  • 在Chrome和IE11上,它为我提供了&#34; auto&#34;

是否有一种方法可以调用以获得带有&#39; px&#39;的整数chrome和IE后缀?我知道我可以绕过它并获得窗口宽度并减去&#34; left&#34;它的属性以及元素宽度,但它看起来并不优雅。

哦,我只需要使用香草js。

0 个答案:

没有答案