获取非行内样式的兼容

最新推荐文章于 2021-10-09 10:46:58 发布
最新推荐文章于 2021-10-09 10:46:58 发布
阅读量366 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 前端 兼容 JavaScript 非行内样式兼容
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_45052104/article/details/90750226

//获取非行内样式的兼容
function getStyle(obj,attr){
//return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,true)[attr];
return window.getComputedStyle ? getComputedStyle(obj,1)[attr] : obj.currentStyle[attr];
}

js获取非行间样式(兼容ie和标准浏览器)
priest
07-18 706
<body> <div class="box" id="box" style="background-color: #f0f;color: #fff;"></div> </body> <style type="text/css"> body{ /* 加
javascript获取非行间样式的方法
07-24
获取行间样式的方法普遍大家都会！而作为获取非行间样式的方法却在实际应用中也起到很关键的作用。此文档将涵盖此方法的要领。作为js刚入门的新手尤其需要学习！
获取非行间样式
dichilin9824的博客
03-08 154
有如下代码： div { width: 200px; } 　　 <div id="aa" style="height: 100px;"> xxxx </div> 　　 var div = document.getElementById("aa"); var h = div.style.height; v...
获取非行内的样式
小漠007的专栏
10-21 1417
#div1{             width:100px;             height:100px;             background:yellow;         }                 window.onload=function(){             var div1=document.getElementById("div
获取非行间样式-各个浏览器兼容性问题
qq_39396275的博客
06-27 1105
在前面的文章中有利用，style 可以获取行间样式和设置行间样式: &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;无标题文档
js获取非行内样式
weixin_34267123的博客
09-14 136
<!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/1999/xhtml"> <head> <...
JavaScript兼容性总结之获取非行间样式案例
10-21
本文档提供了在IE、Chrome、Firefox等主流浏览器中获取非行间样式的兼容性写法。这些浏览器提供了不同的方法来访问元素的计算样式，包括IE的currentStyle属性和Chrome/FF的getComputedStyle方法。此外，文档还展示了...
JS非行间样式获取函数的实例代码
10-18
为了解决这一问题，我们可以使用IE浏览器中的currentStyle属性和非IE浏览器中的getComputedStyle()方法来获取非行间样式。 首先，解释了行间样式和非行间样式的区别。行间样式是直接在HTML元素的style属性中定义的...
js和jquery中获取非行间样式
10-19
为了跨浏览器兼容，我们可以封装一个函数来获取非行间样式，如： ```javascript function getStyle(obj, attr) { if (obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle...
JS 获取 元素 非行内样式
xiao_yu_liu的博客
11-30 859
&lt;h1 class="h1class" style="color:red"&gt;测试一哈&lt;h1&gt; .h1class{ font-size:12px; } function getAttr(obj, attr) { //我们把它们封装为一个函数， // 注意了在全局下定义的函数的都会默认设置为window对象的方法， //...
js获取元素样式包括非行内样式
dengjianma7223的博客
04-18 284
var obj=document.getElementById("id")； 由于js新版本的发放，越来越多的人喜欢用原生js而非jquery对dom元素进行操作，那么如果通过js获取dom元素的样式呢，很多人都知道用obj.style这种方式，但是，这种方式只能获取dom行内样式，一旦，我们定义class，然后再css文件里写时就会获取不到，下面我主要介绍获取行内样式和获取非行内样式...
js获取非行间样式获取与定义
摘取天上星
01-14 2190
<!--DOCTYPE html--> <meta charset="utf-8" /> *{ text-align:center;} input{ margin-top:30px; padding:10px 20px;} #div1{ width:500px; height:300px; background:red; marg
javascript中获取非行间样式的方法。
yh674256的博客
07-24 2228
在编写程序的时候我们往往有时候需要获取一下样式表里的某个值，或某个属性。而通常我们的样式是写在css的文件里的，那我们该怎么来去获取呢？我们又为什么要用这种方法呢？下面就来段代码比较下   本文就用一个例子来分享， #div1{width:100px; height:100px;background:#00F; } //获取行间样式  通常我们 windo
封装获取非行内样式函数
牛先森家的博客
06-24 592
获取非行内样式操作 1、 window.getComputedStyle(dom元素).属性 注意：在IE中，只有在ie9及以上才能获取 写法： var style = window.getComputedStyle(dom元素).height; 2、dom元素.currentStyle.属性 注意：只有在ie8及以下才能获取样式，在其他浏览器会报错 写法：var style = dom元素.currentStyle.height // 获取非行内的样式 // getComputedStyl
常用的浏览器兼容问题，包含滚动条、获取事件对象、获取非行内样式、获取鼠标编码值、事件监听等
小福气的博客
10-09 177
1、滚动条 //1.滚动条到顶端的距离（滚动高度） var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; //2.滚动条到左端的距离 var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; 2、获取非行内样式 //获取非行内样式兼容 IE:currentStyle 标准：getC
获取计算后的style样式（非行内）
weixin_51109349的博客
09-10 216
1 用getComputedStyle() window.getComputedStyle(element[, pseudoElt]) 用来获取计算后的css样式，用于获取非行内样式，只读不能修改 var getstyle=window.getComputedStyle(box,null); console.log(getstyle.width)//200px 兼容ie8和8以下 var getstyle=box.currentStyle['width']; 兼容封装 //封装函数实现获取一个对象的
原生JS代码封装（获取非行内样式===》兼容IE浏览器）
alanbiz1314的博客
05-05 123
function getStyle(ele, prop) { if(ele.currentStyle) { //IE return ele.currentStyle[prop]; } else { //标准 return getComputedStyle(ele)[prop]; } } 转载于:https...
js如何获取非行间样式
哎
03-14 4865
我们都知道，js不能直接获取样式表中的样式，例如width，left，只能直接获取行内样式，但是现在主流不建议写行内样式，因此我们封装一个可以直接获取非行间样式的函数 function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } el
JavaScript获取非行间样式：currentStyle与getComputedStyle技巧
在JavaScript编程中，获取网页元素的非行间样式是一个常见的需求。行间样式指的是直接在HTML元素上定义的style属性中的样式，而非行间样式则来自外部CSS文件或嵌入在HTML文档内的`<style>`标签中。当我们需要动态...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值