JavaScript之Style对象与CurrentStyle对象

在JavaScript中，可以通过Style对象和CurrentStyle对象来获取和设置HTML元素的样式属性。

Style对象是DOM中元素的一个属性，它包含了元素的内联样式属性。通过Style对象，可以直接读取或设置元素的样式属性。

例如，要获取元素的背景颜色属性，可以使用以下代码：

var element = document.getElementById("myElement");var backgroundColor = element.style.backgroundColor;

要设置元素的背景颜色属性，可以使用以下代码：

element.style.backgroundColor = "red";

需要注意的是，Style对象只能获取或设置内联样式属性，不能获取或设置外部样式表或嵌入样式表中定义的样式。

另外，对于IE浏览器，可以使用CurrentStyle对象来获取元素的计算样式属性。CurrentStyle对象是IE浏览器独有的属性，它返回的是元素的最终计算样式，包括内联样式、外部样式表和嵌入样式表中定义的样式。

例如，要获取元素的宽度属性，可以使用以下代码：

var element = document.getElementById("myElement");var width = element.currentStyle.width;

需要注意的是，CurrentStyle对象只能在IE浏览器中使用，在其他浏览器中无效。在其他浏览器中，可以使用getComputedStyle方法来获取元素的计算样式。

综上所述，Style对象用于获取和设置元素的内联样式属性，CurrentStyle对象用于在IE浏览器中获取元素的计算样式属性。