ie获取全局样式currentStyle的问题

最新推荐文章于 2023-07-12 10:46:23 发布
最新推荐文章于 2023-07-12 10:46:23 发布
阅读量957 收藏 1
点赞数
分类专栏： Javascript aliven的专栏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aliven1/article/details/80510034
版权
getStyle=function(obj,attr){ //获得对象的属性值，含单位
if(obj.currentStyle){ //ie作为属性存在

return Number.parseFloat(obj.currentStyle[attr]);

}else{
return Number.parseFloat(getComputedStyle(obj,100)[attr]);//全局方法
}

}


currentStyle在获取样式的时候，目标对象的样式必须显示的声明，否则获取的值是auto,这也就是为什么全局需要设置body,html{height:100%}的原因

aliven1
关注
专栏目录
getComputedStyle与currentStyle获取样式(style/class)
09-05
在IE中，使用 `currentStyle` 来替代 `getComputedStyle` 获取样式信息。 为了确保代码的跨浏览器兼容性，通常会结合两者使用，如下所示： ```javascript return window.getComputedStyle ? window....
JS获取和修改元素样式的实例代码
10-21
在IE浏览器中，应该使用element.currentStyle来获取计算样式。以下是一个封装好的函数，用以获取元素的计算样式： ```javascript function getCurrentStyle(node, attr){ var style = null; if(window....
IE currentStyle && getComputedStyle
weixin_30810239的博客
10-24 102
用document.getElementById(‘element').style.xxx可以获取元素的样式信息， 可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的外部样式表就获取不到了 IE可以识别currentStyle ，其他浏览器可以识别 getComputedStyle ： function getStyle(obj, attr)...
JS从样式表取值的函数currentStyle(IE),defaultView(FF)
weixin_33807284的博客
07-27 81
因为写js经常需要用到访问样式，我们常用的做法是通过 DOM.style.XXX来读写样式信息的。可是DOM.style这种写法只能访问<DOM style=""></DOM>，这样在标签里内置的样式，如果样式写在<style type="text/css"></style>，或者.css文件里，那么就办法读到样式了。其实呢，还有别的方法可以读到这些...
元素未显示设置width/height时IE中无法使用currentStyle获取（默认为auto）
weixin_33979745的博客
09-05 227
我们知道获取元素的实际宽高在IE中可以使用currentStyle属性。但如果没有显示的去设置元素的宽高，那么使用该属性将获取不到，获取的值为auto。如下 &lt;div&gt;abcd&lt;/div&gt; &lt;script&gt; var div = document.getElementsByTagName('div')[0]; alert(div.currentSt...
html判断 ie 写css样式,获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
weixin_42515302的博客
06-17 152
可是DOM.style这种写法只能访问，这样在标签里内置的样式，如果样式写在，或者.css文件里，那么就办法读到样式了。其实呢，还有别的方法可以读到这些样式信息，方法有两种，一种是通过document.styleSheets对象，另一种是通过“最终样式”对象。其中 IE中这个对象叫做currentStyle,FF中这个对象叫做document.defaultView。我将这两个类打包了一下，做了一...
兼容ff，ie的getStyle。关键字window.getComputedStyle(el, null)[style]，el.currentStyle[sty
zxyskycn的专栏
11-11 217
var getStyle=function(){ var f=document.defaultView; return new Function('el','style',[ "style.indexOf('-')&gt;-1 &amp;&amp; (style=style.replace(/-(\\w)/g,function(m,a){return a.toUpp...
原生javascript获取元素样式属性值的方法
12-12
先来看currentStyle方法, 此对象ie专属, 代表了在全局样式表、内嵌样式和 HTML 标签属性中指定的对象格式和样式. IE下通过它, 就可以获取元素的Css属性值. 而针对其他标准浏览器, W3C也提供了一个方法...
Javascript的IE和Firefox兼容性问题集合
08-12
3. **CSS样式获取**：IE使用`currentStyle`对象获取元素样式，而Firefox等其他浏览器使用`window.getComputedStyle`。可编写函数统一获取： ```javascript function getStyle(element, styleProp) { if (element....
获取非行内样式currentStyle
weixin_33928467的博客
09-06 186
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取非行内样式</title> <style> #div{width:200px;height:200px;background:#736edc;} </style>&...
style、 currentStyle、 runtimeStyle区别分析
09-05
style、 currentStyle、 runtimeStyle区别分析,需要的朋友可以参考下。
obj.currentStyle.property、window.getComputedStyle(obj,null).property、obj.style.property 获取与元素属性的总结
JiM-W 的博客
01-07 2323
obj.currentStyle.property、window.getComputedStyle(obj,null).property、obj.style.property 获取与元素属性的总结 offsetWidth offsetHeight
js中获取css中的样式方法：style，currentStyle，getComputedStyle
binhongchang的博客
07-11 243
用js来获取或者设置css相关样式，是很常见的需求，下面将对比一下js中的各个方法； 1，style var obj = document.getElementById('box'); console.log(obj.style.width); obj.style.width = '50px'; ele.style[attr] ele.style.attr ...
obj.style 和currentstyle 等区别
JASMINECJC的博客
02-29 3267
获取样式  obj.style   和currentstyle  等区别 obj.style只能获得内嵌样式（inline Style）就是写在Tag里面的，他访问不到那些链接的外部css和在head中用声明的style。 所以必须认识到在那些使用外部Css文件的页面中，如果用style赋值，如obj.style=“color:red”;显然效果是正确的，其中的奥秘确是只是在该对象的
为什么需要写成obj.style[attr]，而不能写成obj.style.attr?
Androidcaobo
05-27 489
因为传入的 attr = 'width' ,是带引号的，即 obj.style.width === obj.style.['width']；&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&a
style currentStyle getComputedStyle
u014493388的博客
06-02 333
function getStyle(obj,attr){ return obj.currentStyle? obj.currentStyle[attr] : getComputedStyle(obj,null)[attr]; } IE Opera 支持currentStyle firefox  Safari支持getComputedStyle 为了让浏览器兼容 obj.
JavaScript之Style对象与CurrentStyle对象
热门推荐
笺赕
07-18 2万+
1、Style对象 style对象代表一个单独的样式声明，可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式，即元素标签中style属性的值。 例子： &lt;style type="text/css"&gt;#div{color:gray;}&lt;/div&gt;//内部样式 &lt;div id="div" style="color:red;"&gt;&l
JavaScript--currentStyle和getComputedStyle()的区别和联系
最新发布
m0_74293254的博客
07-12 443
需要注意的是，无论是currentStyle还是getComputedStyle()返回的样式值都是字符串形式，如果需要获取具体的数值，可以使用相关的方法进行转换（例如parseInt()）。该函数接受两个参数：element代表要获取样式的元素，styleProperty代表要获取的样式属性。JavaScript中的currentStyle和getComputedStyle()都是用于获取元素的计算样式属性的方法，但它们适用于不同的情况。它用于获取指定元素的当前样式，返回的是一个样式属性对象。
currentStyle和getComputedStyle的区别
weixin_30616969的博客
05-19 269
currentStyle和getComputedStyle返回的都是字符串，比如返回的是“10px”。 currentStyle和getComputedStyle都为只读不可写，currentStyle仅支持IE，getComputedStyle支持除IE以外的浏览器，所以两者要一起使用。 function css(obj, attr) { if (obj.current...
JavaScript获取非行间样式：currentStyle与getComputedStyle技巧
1. **行间样式获取（仅适用于IE9及更低版本）**： - 使用`element.style.property`的方式，如在示例代码中，`var odiv = document.getElementById('div1');` 和 `alert(odiv.style.width);`。然而，这种方式只适用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

aliven1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值