解决currentStyle不兼容问题

最新推荐文章于 2022-08-04 13:39:41 发布

hello_malk

最新推荐文章于 2022-08-04 13:39:41 发布

阅读量828

点赞数

CC 4.0 BY-SA版权

文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/hello_malk/article/details/83405126

本文介绍了一个用于获取HTML页面中元素当前样式的JavaScript函数。该函数兼容多种浏览器环境，能够帮助开发者轻松获取到指定DOM元素的实际渲染样式。

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


var CurrentStyle = function(element){return element.currentStyle || document.defaultView.getComputedStyle(element, null);};

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hello_malk

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。

weixin_43985586的博客

02-24

784

公司项目需求兼容ie8 那么在ie8对c3的样式不是很友好，所以需要引入ie-css3.htc。 1.绝对路径的方法使用在使用的过程中发现网上说把htc写成绝对路径就可以成功找到所以我试了一下。如果要使用绝路路径，那么你的项目也是从文件夹打开的才可以，如果是用服务起项目就会404. 也就是浏览器地址F:\itemPackage\web_terminal\assets\page\index....

前端常见浏览器兼容性问题解决方案

m0_67401545的博客

03-09

6719

前言：不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎所以浏览器兼容性问题一般指：css兼容、js兼容浏览器内核（渲染引擎） Chrome谷歌之前Webkit，已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋现已改用Google Chrome的Blink内核一、css兼容 1. 不同浏览器的标签默认的margin和padding不同问题症

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

currentStyle和getComputedStyle的兼容写法

lpbottle的专栏

11-13

745

currentStyle：获取计算后的样式，也叫当前样式、最终样式。优点：可以获取元素的最终样式，包括浏览器的默认值，而不像style只能获取行间样式，所以更常用到。注意：不能获取复合样式如background属性值，只能获取单一样式如background-color等。 alert (oAbc.currentStyle); 非常遗憾的是，这个好使的东西也不能被各大浏览器完美地支持。准

Js获取元素样式值(getComputedStyle&currentStyle)兼容性解决方案

weixin_34348174的博客

06-01

229

因为：style(document.getElementById(id).style.XXX)只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。一般js获取内部样式和外部样式使用getComputedStyle，以及currentStyle。 IE下获取元素的实际属性值使用currentStyle属性，getComputedStyle同currentStyle...

JS获取元素属性、样式getComputedStyle()和currentStyle方法兼容性问题

10-27

275

1、 getComputedStyle() 方法获取到的是经过计算机/浏览器计算后的样式　　getComputedStyle($("#div")).width; 　　兼容性：IE6 7 8不兼容 2、 $("#div").currentStyle(width); 　　兼容性：FF不兼容、标准浏览器不兼容 3、$("div").style.width 只能得到行间样式，如...

兼容的话题：currentStyle

qq_43650923的博客

10-30

190

3.兼容的话题：currentStyle 例 2.3.1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1...

JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)

10-26

本文将针对JavaScript在Chrome、Internet Explorer（IE）和Firefox这三种主流浏览器中的常见兼容问题及其解决方法进行详细阐述。首先，让我们来看一个常见的兼容问题：获取滚动条的位置。在不同浏览器中，获取滚动...

谈谈JavaScript中浏览器兼容问题的写法小议

10-20

本文将探讨一些JavaScript中处理浏览器兼容问题的常见策略。首先，我们来看如何获取浏览器窗口的大小。在现代浏览器如IE9+、Chrome、Firefox、Opera和Safari中，可以使用`window.innerHeight`和`window.innerWidth...

前端常见兼容性问题以及解决方法

Senora的博客

08-04

1726

一、CSS兼容 1.不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同 2、IE6双边距问题;在IE6中设置了float ，同时又设置margin,就会出现边距问题 3、当标签的高度设置小于10px，在 IE6、IE7 中会超出自己设置的高度二、js兼容 1. 事件绑定 2. event事件对象问题 3. event.srcElement(事件源对象)问题 ...

JS中出现的兼容性问题的总结.pdf

07-08

接下来，将详细总结一些在JS中常见的兼容性问题及其解决方法。 1. 获取行外样式（CSS）问题：通常情况下，我们可以通过JavaScript的style属性获取元素的内联样式，但对于行外样式（即通过CSS样式表设置的样式），...

兼容获取元素当前样式 currentStyle || getComputedStyle

weixin_30877227的博客

11-11

103

function getStyle(ele, attr) { return ele.currentStyle ? ele.currentStyle[attr] : window.getComputedStyle(ele, null)[attr]; } 转载于:https://www.cnblogs.com/hello321/p/781...

获取样式 currentStyle与getComputedStyle

erdouzhang

07-27

483

currentStyle与getComputedStyle 都是获取样式； currentStyle（）兼容IE6、7、8 getComputedStyle（）不兼容IE6、7、8 getComputedStyle得到的是计算机（浏览器）经过计算后的样式：如果同时有行内样式和样式表，那么优先选择行内式；如果js中也设置样式，那么优先选择js中的样式；下面的例子是获取一个盒子的宽度： h

在channel标签中使用currentstyle中，不能输出自定义新变量

linhui03的博客

08-15

363

在channel标签中使用currentstyle时，如果有新添加的变量比如给栏目添加了typeimg栏目图片字段，直接使用currentstyle中图片是读取不出来的，解决办法：在include/taglib/channel.lib.php文件中，找到大概140行，在下面添加 $linkOkstr =str_replace("~typeimg~",$row['typeimg'],$link

JavaScript读取元素当前css样式——解决currentStyle不兼容问题

LiLi_code的博客

03-17

1101

注：style它只能获取到内联样式中的属性值；currentStyle它由于兼容性不好，是IE专属的用来获取CSS属性，但是谷歌和火狐都不支持；getComputedStyle()方法，也不能完美兼容，只支持IE9+以上的浏览器故，使用一个函数将其兼容性统一解决： var CurrentStyle = function (element) { return element.curr...

js ie8火狐谷歌兼容性问题，不需要判断是哪个浏览器，只需要判断支不支持这个属性

qq_36557846的博客

11-19

363

获取元素样式 /** * 获取元素的当前显示样式 * 语法：元素.currentStyle.样式名 * 可以读取当前元素正在显示的样式 * * ie浏览器支持，其他浏览器不支持 / //alert(box1.currentStyle.width) / / * getComputedStyle()这个方法来获取当前元素的样式 * 这个是windows方法，可以直接使用 * 需要两个参数 * 第一个：要获取样式的元素 * 第二个：可以传递一个伪元素，一般都传null * 该方法返回一个对

Cannot read property ‘currentStyle‘ of null 问题与解决办法

KLW75

10-23

2195

问题的原因：canvas 的 id与下方绑定的 id 不一致。id 没有对应。解决：两个id修改为一致。

HTML运行到浏览器自动刷新,【报Bug】html 在内置web浏览器预览时，自动刷新

weixin_34089871的博客

06-02

274

下面代码在Chrome 和 IE 下没有问题11111221312var isSupportFontFamily = function(f) {// f是要检测的字体if (typeof f != "string") {return false}// h是基础字体var h = "Arial";if (f.toLowerCase() == h.toLowerCase()) {retur...

JS——getComputedStyle与currentStyle获取样式

weixin_30341735的博客

04-16

169

转载自：https://segmentfault.com/a/1190000007477785 CSS的样式分为三类：内嵌样式：是写在标签里面的，内嵌样式只对所在的标签有效内部样式：是写在HTML里面的，内部样式只对所在的网页有效外部样式表：如果很多网页需要用到同样的样式，将样式写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式的网页里引用这个CSS文件 ...

JavaScript兼容性问题与解决方案总结

以下是一些常见的JS兼容性问题及其解决办法。 1. 获取行外样式currentStyle与getComputedStyle的兼容性问题：在Internet Explorer浏览器（尤其是早期版本如IE6和IE7）中，可以通过`currentStyle`对象来获取元素的...