解决currentStyle不兼容问题

最新推荐文章于 2023-07-12 10:46:23 发布
原创 最新推荐文章于 2023-07-12 10:46:23 发布 · 839 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JavaScript #ViewUI

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

var CurrentStyle = function(element){return element.currentStyle || document.defaultView.getComputedStyle(element, null);};
hello_malk
关注
前端常见兼容性问题以及解决方法
Senora的博客
08-04 1764
一、CSS兼容 1.不同浏览器的标签默认的外补丁( margin )和内补丁(padding)不同 2、IE6双边距问题;在IE6中设置了float ，同时又设置margin,就会出现边距问题 3、当标签的高度设置小于10px，在 IE6、IE7 中会超出自己设置的高度 二、js兼容 1. 事件绑定 2. event事件对象问题 3. event.srcElement(事件源对象)问题 ...
前端常见浏览器兼容性问题解决方案
web18484626332的博客
03-06 1380
前言： 不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。 浏览器内核主要分为两种，一是渲染引擎，另一个是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 764
currentStyle：获取计算后的样式，也叫当前样式、最终样式。 优点：可以获取元素的最终样式，包括浏览器的默认值，而不像style只能获取行间样式，所以更常用到。 注意：不能获取复合样式如background属性值，只能获取单一样式如background-color等。 alert (oAbc.currentStyle); 非常遗憾的是，这个好使的东西也不能被各大浏览器完美地支持。准
Js获取元素样式值(getComputedStyle&currentStyle)兼容性解决方案
weixin_34348174的博客
06-01 240
因为：style(document.getElementById(id).style.XXX)只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。 一般js获取内部样式和外部样式使用getComputedStyle，以及currentStyle。 IE下获取元素的实际属性值使用currentStyle属性，getComputedStyle同currentStyle...
JS获取元素属性、样式getComputedStyle()和currentStyle方法兼容性问题
10-27 293
1、 getComputedStyle() 方法获取到的是经过计算机/浏览器计算后的样式 　　getComputedStyle($("#div")).width; 　　兼容性：IE6 7 8不兼容 2、 $("#div").currentStyle(width); 　　兼容性：FF不兼容、标准浏览器不兼容 3、$("div").style.width 只能得到行间样式，如...
兼容的话题：currentStyle
qq_43650923的博客
10-30 198
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...
JS中出现的兼容性问题的总结.pdf
07-08
接下来，将详细总结一些在JS中常见的兼容性问题及其解决方法。 1. 获取行外样式（CSS）问题： 通常情况下，我们可以通过JavaScript的style属性获取元素的内联样式，但对于行外样式（即通过CSS样式表设置的样式），...
style、 currentStyle、 runtimeStyle区别分析
09-05
style、 currentStyle、 runtimeStyle区别分析,需要的朋友可以参考下。
兼容获取元素当前样式 currentStyle || getComputedStyle
weixin_30877227的博客
11-11 111
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 501
currentStyle与getComputedStyle 都是获取样式； currentStyle（）兼容IE6、7、8 getComputedStyle（）不兼容IE6、7、8 getComputedStyle得到的是计算机（浏览器）经过计算后的样式：如果同时有行内样式和样式表，那么优先选择行内式；如果js中也设置样式，那么优先选择js中的样式； 下面的例子是获取一个盒子的宽度： h
解决ie低版本浏览器引入ie-css3.htc无效或资源加载404问题。
weixin_43985586的博客
02-24 803
公司项目需求兼容ie8 那么在ie8对c3的样式不是很友好，所以需要引入ie-css3.htc。 1.绝对路径的方法使用 在使用的过程中 发现网上说把htc写成绝对路径就可以成功找到所以我试了一下。 如果要使用绝路路径，那么你的项目也是从文件夹打开的才可以，如果是用服务起项目就会404. 也就是浏览器地址F:\itemPackage\web_terminal\assets\page\index....
在channel标签中使用currentstyle中，不能输出自定义新变量
linhui03的博客
08-15 380
在channel标签中使用currentstyle时，如果有新添加的变量比如给栏目添加了typeimg栏目图片字段，直接使用currentstyle中图片是读取不出来的，解决办法： 在include/taglib/channel.lib.php文件中，找到大概140行，在下面添加 $linkOkstr =str_replace("~typeimg~",$row['typeimg'],$link
JavaScript读取元素当前css样式——解决currentStyle不兼容问题
LiLi_code的博客
03-17 1120
注：style它只能获取到内联样式中的属性值；currentStyle它由于兼容性不好，是IE专属的用来获取CSS属性，但是谷歌和火狐都不支持；getComputedStyle()方法，也不能完美兼容，只支持IE9+以上的浏览器 故，使用一个函数将其兼容性统一解决： var CurrentStyle = function (element) { return element.curr...
js ie8火狐谷歌兼容性问题，不需要判断是哪个浏览器，只需要判断支不支持这个属性
qq_36557846的博客
11-19 381
获取元素样式 /** * 获取元素的当前显示样式 * 语法：元素.currentStyle.样式名 * 可以读取当前元素正在显示的样式 * * ie浏览器支持，其他浏览器不支持 / //alert(box1.currentStyle.width) / / * getComputedStyle()这个方法来获取当前元素的样式 * 这个是windows方法，可以直接使用 * 需要两个参数 * 第一个：要获取样式的元素 * 第二个：可以传递一个伪元素，一般都传null * 该方法返回一个对
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 574
需要注意的是，无论是currentStyle还是getComputedStyle()返回的样式值都是字符串形式，如果需要获取具体的数值，可以使用相关的方法进行转换（例如parseInt()）。该函数接受两个参数：element代表要获取样式的元素，styleProperty代表要获取的样式属性。JavaScript中的currentStyle和getComputedStyle()都是用于获取元素的计算样式属性的方法，但它们适用于不同的情况。它用于获取指定元素的当前样式，返回的是一个样式属性对象。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值