博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
style、currentStyle、getComputedStyle区别介绍
阅读量:7239 次
发布时间:2019-06-29

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

样式表有三种方式

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

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

外部样式表(External Style Sheet):指引入以.css为后缀的CSS文件,。最常用的是style属性,即在JavaScript中,通过document.getElementById(id).style.XXX就可以获取到 XXX的值,但意外的是,这样做只能取到通过内嵌方式设置的样式值,即style属性里面设置的值。

解决方案:引入currentStyle,runtimeStyle,getComputedStyle style 标准的样式,可能是由style属性指定的!

runtimeStyle 运行时的样式!如果与style的属性重叠,将覆盖style的属性!

currentStyle 指 style 和 runtimeStyle 的结合! 通过currentStyle就可以获取到通过内联或外部引用的CSS样式的值了(仅限IE) 如:document.getElementById("test").currentStyle["width"]

要兼容FF,就得需要getComputedStyle 出马了

注意: getComputedStyle是firefox中的, currentStyle是ie中的. 比如说

这样就能兼容各个浏览器了

 

转载于:https://www.cnblogs.com/zhouyupeng/p/4190603.html

你可能感兴趣的文章
Codeforces 1139D(期望dp)
查看>>
解决AX2012通过AXC配置文件打开客户端时出现WCF 错误
查看>>
课题申请经验简单总结
查看>>
Javascript Array Distinct (array.reduce实现)
查看>>
[SOJ] Ordering Tasks
查看>>
Navicat 导出sql问题
查看>>
3.spring:自动装配/Bean之间的关系/作用域/外部文件/spel/
查看>>
mysql日志清理
查看>>
Leetcode:258.Add Digits
查看>>
hoj1440 Knight Moves
查看>>
property干嘛的
查看>>
在香港五星级酒店里‘赏’早餐
查看>>
[转载] New Concept English 1——Lesson 5 Nice to meet you
查看>>
Java笔试面试
查看>>
iOS开发中遇到的一些问题以及解决办法总结
查看>>
【总结整理】内联框架
查看>>
Zabbix
查看>>
Unity 3D:控制相机旋转、移动、缩放等功能
查看>>
CALayer的m34 - 三维透视效果
查看>>
hdu 6243,6247
查看>>