博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
getComputedStyle与currentStyle获取样式(style/class)
阅读量:5806 次
发布时间:2019-06-18

本文共 811 字,大约阅读时间需要 2 分钟。

样式表有三种方式

内嵌样式(inline Style) :是写在Tag里面的,内嵌样式只对所有的Tag有效。

内部样式(internal Style Sheet):是写在HTML的里面的,内部样式只对所在的网页有效。

外部样式表(External Style Sheet):如果很多网页需要用到同样的样式(Styles),将样式(Styles)写在一个以.css为后缀的CSS文件里,然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件.

ps:用document.getElementById(‘element').style.xxx可以获取元素的样式信息,可是它获取的只是DOM元素style属性里的样式规则,对于通过class属性引用的外部样式表,就拿不到我们要的信息了。

1、getComputedStyle

  getComputedStyle是DOM标准的全局方法,可以获取到当前对象样式规则信息: 

var obj_color=window.getComputedStyle(obj,null).background-color;//获取元素对象的背景颜色

2、currentStyle

  currentStyle是ie浏览器的方法,它是DOM元素的一个属性,用法如下:

var obj_background_color=obj.currentStyle.background-color;//获取元素对象的背景颜色

总结,这样子兼容性的写法是:

return window.getComputedStyle ? window.getComputedStyle(obj,null).bcakground-color : obj.currentStyle.bcakground-color ;

 

转载于:https://www.cnblogs.com/chendc/p/5643824.html

你可能感兴趣的文章
快速构建Windows 8风格应用21-构建简单媒体播放器
查看>>
详细的bootloader的移植(6)
查看>>
Oracle中空值与数字相加问题
查看>>
清华段路明组自然子刊发文,揭深度神经网络和量子多体问题关联
查看>>
研究隐藏ESSID的AP点的连接方法
查看>>
Unity 游戏的String interning优化
查看>>
how to check sap system log ---SM21
查看>>
Go 从入门到精通(三)字符串,时间,流程控制,函数
查看>>
AD管理之三,企业根CA的安装
查看>>
VMC to Hyper-V Import Tool 简体中文版.<VZPEDIA首发>
查看>>
Twemproxy -- 针对MemCached与Redis的代理
查看>>
那些年,我们一起学过的汇编----之标志寄存器
查看>>
WMIC概述
查看>>
【ZooKeeper Notes 6】客户端对zookeeper的操作是不可回退的 [OK]
查看>>
java学习中的一些疑惑解答
查看>>
C及C++中typedef的简单使用指南
查看>>
开源的作业调度框架 - Quartz.NET
查看>>
技术分享连载(六十三)
查看>>
UNIX平台与X86平台虚拟化技术比较分析
查看>>
Python用WMI模块获取windowns系统信息
查看>>