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

最新推荐文章于 2019-06-03 14:58:26 发布

转载最新推荐文章于 2019-06-03 14:58:26 发布 · 231 阅读

0 ·

CC 4.0 BY-SA版权

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

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

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

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

anruanba4181

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

2633

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

getComputedStyle兼容

dy3200的博客

12-16

1995

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

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

进无止进

06-06

1780

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

141

<!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获取非行间样式的方法

12-09

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

JavaScript获取非行间CSS样式的方法详解

这类不在行间的样式被称为“非行间样式”，而本文标题所提到的“JavaScript获取非行间样式的方法”正是解决这一实际开发难题的核心技术点。首先，我们需要明确什么是“行间样式”与“非行间样式”。所谓“行间样式...

设置firefox元素的style.left属性

Feiin的专栏

11-04

1044

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

436

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

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

liang526011569的博客

11-27

5215

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

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

liuyuemozhu的博客

03-02

1064

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

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

weixin_30919429的博客

05-29

121

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

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

yihuoZhou的博客

05-25

3972

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

JS来获取全局样式值—style，currentStyle，getComputedStyle() 并解决浏览器兼容性问题

一介白衣入江南

06-03

4407

一. style对象 style读取样式语法：元素.style.样式名还可以设置通过style属性设置的样式语法：元素.style.样式=样式值注意：如果Css的样式值含有-，这种名称在JS中是不合法的，比如background-color 我们在使用是要把这样的名称修改为驼峰命名法去掉-，然后将-号后的字母大写注意：通过style属性设置和读取的都是内联样式，无...