【笔记】归纳js，getcomputedStyle,，currentStyle，以及其相...，【ARM】arm系列知识框架

GetComputedStyle和CurrentStyle是JavaScript中很常用的两个方法，在网页开发中扮演着重要的角色。这两个方法都提供了查询DOM元素在渲染之后的样式的功能，但是它们有区别。

CurrentStyle是IE浏览器使用的样式查询方法，而GetComputedStyle是其他现代浏览器所使用的（包括火狐、谷歌、Safari等）。这两个方法的返回值都是一个对象，包含了查询到的元素的所有computed styles。

当使用CurrentStyle方法获取样式时，该方法会返回一个只包含当前元素的样式的对象。而使用GetComputedStyle获得到的则是一个包含了该元素所有计算之后的样式对象，包括了继承和计算等等。

GetComputedStyle的用法非常简单，只需要一个参数，表示要查询的元素。而CurrentStyle需要在当前元素中再添加一个currentStyle属性才行。两个方法都返回的是一个样式对象，可以使用对象的属性来获取对应的CSS样式属性值。

在实际应用中，当我们需要动态调整页面的样式时，使用GetComputedStyle可以获得元素完整的样式信息，从而更加方便地进行操作。而CurrentStyle虽然只包含当前元素的样式，但它不需要调用额外的方法，比较适用于一些简单的操作。

需要注意的是，GetComputedStyle和CurrentStyle都返回的是computed style，即计算之后的样式。而在实际渲染中，渲染引擎最终会生成used style和actual style。used style是在计算样式时使用的，而actual style则是由该元素最终呈现的样式。这两个样式之间可能会有差异，例如使用了CSS伪类选择器的情况下。

在开发中需要注意避免滥用GetComputedStyle和CurrentStyle，因为过多的使用可能会有性能问题。尤其是在需要读取较多的样式时，应该尽量避免频繁地访问这两个方法。在遇到特定的场景时，也可以使用其他的方法来减少对它们的依赖。例如通过CSS类的切换来达到动态调整样式的效果。

总之，GetComputedStyle和CurrentStyle在网页开发中常被用来获取元素样式，但是它们有各自的优缺点。在实际应用时，应该根据场景进行选择。同时需要注意性能问题，避免滥用这两个方法。