火狐下不能使用非行间样式currentStyle用getComputedStyle获取

最新推荐文章于 2018-03-14 08:21:00 发布
转载 最新推荐文章于 2018-03-14 08:21:00 发布 · 221 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/AliceX-J/p/4635993.html

本文介绍如何使用JavaScript获取HTML元素的非行间CSS样式。在不同的浏览器中，如IE和Firefox，需要采用不同的方法，例如使用currentStyle或getComputedStyle。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例：

转载于:https://www.cnblogs.com/AliceX-J/p/4635993.html

anruanba4181
关注
ie8-getcomputedstyle:Internet Explorer 8的获取填充样式
05-07
＃IE8 getComputedStyle（） 您是否希望使用可与browserify / webpack兼容的getComputedStyle填充程序？ 您是否希望它具有单一目的，并且不附带许多您不想要的其他东西？ 然后这是你的垫片。
JavaScript兼容性总结之获取非行间样式案例
10-21
对于Chrome和Firefox浏览器，可以使用getComputedStyle方法来获取元素的计算样式，这个方法返回的是一个包含所有最终使用的CSS属性值的样式声明对象。例如： ```javascript var oDiv = document.getElementById('...
FF下实现currentStyle方法
和谐的望天
11-19 2602
(function (bool) {//严重感谢M2前辈    if (bool) {        HTMLElement.prototype.__defineGetter__("currentStyle", function () {        //getComputedStyle方法参数一是目标对象，参数二是具体属性。。。把注释对换下就知道了。。            //return
getComputedStyle兼容
dy3200的博客
12-16 1969
使用方法 obj.currentStyle[attr]; //IE8及以下支持 window.getComputedStyle(obj,null)[attr]; //IE8以上、FireFox、Chrome支持；参数一：元素；参数二：伪类 JavaScript中访问元素的样式 javascript中，使用驼峰的形式取CSS属性，通过style对象取得style特性中指定的样式。 例：document.getE
火狐浏览器 window.getComputedStyle()返回值的问题
进无止进
06-06 1767
html中  它的css样式为： .box { width: 200px; height: 200px; background: rgb(23,321,44); } js中我们要得到box这个元素的css属性，通常会用类似下面这样的函数： function getStyle(obj, str) { if (obj.currentS
在 FireFox 中不支持 currentStyle 的解决方案
weixin_33754913的博客
04-16 134
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> ...
JavaScript获取非行间样式：currentStyle与getComputedStyle技巧
总结：获取非行间样式的关键在于使用`getComputedStyle()`函数，这是一个强大的工具，可以提供跨浏览器的样式获取。同时，为了保持代码的健壮性，我们需要进行浏览器兼容性检查，以便在不同环境中正确地处理样式获取...
js和jquery中获取非行间样式
10-19
2. `getComputedStyle`方法：在其他标准浏览器（如Firefox, Chrome, Safari, Opera）中，可以使用`window.getComputedStyle`方法获取元素的计算样式。例如，`window.getComputedStyle(document.getElementById('...
javascript获取非行间样式的方法
12-09
总结来说，这篇文章介绍了如何使用JavaScript获取非行间样式，包括在IE中使用`currentStyle`属性以及在其他浏览器中使用`getComputedStyle`方法。同时，通过封装函数`getstyle`，使得获取任何属性变得更加便捷和统一...
设置firefox元素的style.left属性
Feiin的专栏
11-04 1034
今天在js定位div时候，发现在firefox对div元素的style.left属性赋值老是不起作用,整了很久才发现赋值出了小点问题原来是：suggestDiv.style.left=pos.Left;修改后suggestDiv.style.left=pos.Left+"px";//修改后才起作用
(currentStyle)javascript为何有时用style得不到已设定的CSS的属性
12-12
这是按第2下兰色的横条才开始出效果,就是说第1下没有获得foot.style.display==”none”,可是CSS里我定义了 <style type=”text/css”> #top {width:100px; background-color:#00CCFF; height:20px} #foot {width:100px; background-color: #CCCC00; height:50px; display:none} </style> [removed] <!– function qa(){ if (foot.style.disp
js计算机样式window.getComputedStyle(ele,null)与
diebaiying3731的博客
03-14 425
一、getComputedStyle兼容IE8以上，范户籍的计算样式的值都是绝对值，没有相对单位(如：width:10em; 它打印出来是160px) window.getComputedStyle(div,null) <!DOCTYPE html> <html lang="en"> <head> <meta char...
如何实现浏览器兼容版的window.getComputedStyle
liang526011569的博客
11-27 5184
window.getComputedStyle能够获取元素的实际样式，但是低版本的ie8及以下不支持，如何在低版本的ie上兼容类似的功能 //获取当前样式 function getStyle(element, att){     //特性侦测     if(window.getComputedStyle){         //优先使用W3C规范         retur
IE和谷歌(火狐)浏览器兼容获取内部样式表和外部样式表的样式
liuyuemozhu的博客
03-02 1050
内部样式表和外部样式表的样式不能使用节点.style.属性名的方式来获取样式。 所以今天学习了IE谷歌之间兼容获取内部样式表和外部样式表的样式的方法。 以内部样式表为例： 获取内部样式表或外部样式表的样式 *{ margin: 0; padding: 0; box-sizing:border-box; } #container{ width: 400
getComputedStyle与currentStyle获取样式(style/class)
weixin_30919429的博客
05-29 113
通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了，感兴趣的朋友可以了解下 大家都知道，用document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的...
实现浏览器兼容版的window.getComputedStyle
yihuoZhou的博客
05-25 3943
为实现浏览器兼容版的获取元素的实际样式，可以封装一个函数，下面是网易微专业上的一道练习题，后面是我写的代码封装函数。 getStyle函数用于获取元素的实际样式，语法如下：     var cssPropertyValue = getStyle (element, cssPropertyName)；     使用示例如下：      getStyle(element, “color”)
获取样式 currentStyle与getComputedStyle
erdouzhang
07-27 483
currentStyle与getComputedStyle 都是获取样式； currentStyle（）兼容IE6、7、8 getComputedStyle（）不兼容IE6、7、8 getComputedStyle得到的是计算机（浏览器）经过计算后的样式：如果同时有行内样式和样式表，那么优先选择行内式；如果js中也设置样式，那么优先选择js中的样式； 下面的例子是获取一个盒子的宽度： h
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值