获取css外部样式的getComputedStyle 与 currentStyle方法

最新推荐文章于 2021-02-01 19:44:12 发布

qq_39494705

最新推荐文章于 2021-02-01 19:44:12 发布

阅读量275

点赞数

本文链接：https://blog.csdn.net/qq_39494705/article/details/84893533

版权

本文深入探讨了getComputedStyle和currentStyle方法，讲解了如何通过这两种方法获取元素的所有可用CSS属性，包括内联样式、内部样式和外部样式。getComputedStyle适用于现代浏览器，而IE678则使用currentStyle。文章详细解释了两种方法的语法和使用场景。

摘要由CSDN通过智能技术生成

getComputedStyle与currentStyle方法解析

style(document.getElementById(id).style.XXX)只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。

一般js获取内部样式和外部样式使用getComputedStyle，以及currentStyle。
DOM 中 getComputedStyle 方法可用来获取元素中所有可用的css属性列表，以数组形式返回，并且是只读的。IE678 中则用 currentStyle 代替。
// 语法：在旧版本之前，第二个参数“伪类”是必需的，现代浏览器已经不是必需参数了。如果不是伪类，设置为null： window.getComputedStyle("元素", "伪类");

与 getComputedStyle 对应，在 IE 中有自己特有的 currentStyle 属性。

和 getComputedStyle 方法不同的是，currentStyle 要获得属性名的话必须采用驼峰式的写法。也就是如果我需要获取 font-size 属性，那么传入的参数应该是 fontSize。因此在IE 中要获得单个属性的值，就必须将属性名转为驼峰形式。

张鑫旭的获取元素CSS值之getComputedStyle方法熟悉