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

最新推荐文章于 2018-03-14 08:21:00 发布

anruanba4181

最新推荐文章于 2018-03-14 08:21:00 发布

阅读量178

点赞数

原文链接：http://www.cnblogs.com/AliceX-J/p/4635993.html

版权

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

anruanba4181

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
火狐下不能使用非行间样式currentStyle用getComputedStyle获取

用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例：转载于:https://www.cnblogs.com/AliceX-J/p/4635993.html...
复制链接

扫一扫

ie8-getcomputedstyle:Internet Explorer 8的获取填充样式

05-07

＃IE8 getComputedStyle（）您是否希望使用可与browserify / webpack兼容的getComputedStyle填充程序？您是否希望它具有单一目的，并且不附带许多您不想要的其他东西？然后这是你的垫片。

JS非行间样式获取函数的实例代码

10-18

主要介绍了JS非行间样式获取函数的实现代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

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

FF下实现currentStyle方法

和谐的望天

11-19

2489

(function (bool) {//严重感谢M2前辈 if (bool) { HTMLElement.prototype.__defineGetter__("currentStyle", function () { //getComputedStyle方法参数一是目标对象，参数二是具体属性。。。把注释对换下就知道了。。 //return

getComputedStyle兼容

dy3200的博客

12-16

1855

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

火狐浏览器 window.getComputedStyle()返回值的问题

进无止进

06-06

1714

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

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> ...

js和jquery中获取非行间样式

10-19

2. `getComputedStyle`方法：在其他标准浏览器（如Firefox, Chrome, Safari, Opera）中，可以使用`window.getComputedStyle`方法获取元素的计算样式。例如，`window.getComputedStyle(document.getElementById('...

JavaScript兼容性总结之获取非行间样式案例

10-21

主要介绍了JavaScript兼容性总结之获取非行间样式的相关资料,需要的朋友可以参考下

javascript获取非行间样式的方法

12-09

总结来说，这篇文章介绍了如何使用JavaScript获取非行间样式，包括在IE中使用`currentStyle`属性以及在其他浏览器中使用`getComputedStyle`方法。同时，通过封装函数`getstyle`，使得获取任何属性变得更加便捷和统一...

设置firefox元素的style.left属性

Feiin的专栏

11-04

987

今天在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

385

一、getComputedStyle兼容IE8以上，范户籍的计算样式的值都是绝对值，没有相对单位(如：width:10em; 它打印出来是160px) window.getComputedStyle(div,null) <!DOCTYPE html> <html lang="en"> <head> <meta char...

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

liang526011569的博客

11-27

5076

window.getComputedStyle能够获取元素的实际样式，但是低版本的ie8及以下不支持，如何在低版本的ie上兼容类似的功能 //获取当前样式 function getStyle(element, att){ //特性侦测 if(window.getComputedStyle){ //优先使用W3C规范 retur

IE和谷歌(火狐)浏览器兼容获取内部样式表和外部样式表的样式

liuyuemozhu的博客

03-02

993

内部样式表和外部样式表的样式不能使用节点.style.属性名的方式来获取样式。所以今天学习了IE谷歌之间兼容获取内部样式表和外部样式表的样式的方法。以内部样式表为例：获取内部样式表或外部样式表的样式 *{ margin: 0; padding: 0; box-sizing:border-box; } #container{ width: 400

getComputedStyle与currentStyle获取样式(style/class)

weixin_30919429的博客

05-29

通过document.getElementById(element).style.xxx可以获取元素的样式信息但是对于通过class属性引用的外部样式表就获取不到了，感兴趣的朋友可以了解下大家都知道，用document.getElementById(‘element').style.xxx可以获取元素的样式信息，可是它获取的只是DOM元素style属性里的样式规则，对于通过class属性引用的...

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

yihuoZhou的博客

05-25

3859

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

人力资源+大数据+薪酬报告+涨薪调薪，在学习、工作生活中，越来越多的事务都会使用到报告，通常情况下，报告的内容含量大、篇幅较长