JavaScript通过style只能获取内联状态的样式

来源：互联网发布：查理沃德知乎编辑：程序博客网时间：2024/05/18 02:59

首先css样式表有三种样式，

一、内联样式

在HTML标签用style属性设置，如：

<p style="color:#f90;">这是内联样式</p>

二、嵌入样式

通过<head>标签内通过<style>标签设置。如：

/*这是嵌入样式*/

.stuff{color:#f90}

</style>

三、外部样式

通过<link>标签设置。如：

而在javascript中，获取这三种样式表的方法是有限制的，style只能获取元素的内联样式，

嵌入样式和外部样式使用style是获取不到的，javascript提供了另外的获取方式，嵌入样式和外部样式可以通过currentStyle（IE浏览器）、getComputedStyle（Firefox、opera、safari、chrome浏览器）的方式获取。

使用方法分别是window.currentStyle["attr']和window.getComputedStyle(ob, pseudoElt)["attr']。

阅读全文

0 0

JavaScript通过style只能获取内联 状态的样式