js中style,currentStyle和getComputedStyle的区别-白红宇

js中style,currentStyle和getComputedStyle的区别

阅读量：5322 次

发布时间：2019-06-14

本文共 420 字，大约阅读时间需要 1 分钟。

1.style只能获取元素的内联样式，内部样式和外部样式是获取不到的。例子：

alert(document.getElementById('test').style.height);

2.currentStyle和getComputerStyle可以获取元素的内部样式和外部样式，但是currentStyle只适用于IE，getComputerStyle适用于FF、opera、safari、chrome

下面的方法可以解决兼容性

display = this.currentStyle? this.currentStyle.display: window.getComputedStyle(this, null).display;

display代表css属性，可以是width，color，backgroundSize等

转载于:https://www.cnblogs.com/MissBean/p/getstyle.html

你可能感兴趣的文章

Css让文字自适应Table宽度[转]

查看>>

[Javascript] Flattening nested arrays: a little exercise in functional refactoring

查看>>

练习10-1 使用递归函数计算1到n之和（10 分

查看>>

使用maven构建多模块项目，分块开发

查看>>

Oracle MySQL yaSSL 不明细节缓冲区溢出漏洞2

zoj 1232 Adventure of Super Mario

查看>>

Oracle 序列的应用

查看>>

1201 网页基础--JavaScript(DOM)

查看>>

组合数学 UVa 11538 Chess Queen

查看>>

uva 10004 - Bicoloring