JavaScript之Style对象与CurrentStyle对象
在JavaScript中,可以通过Style对象和CurrentStyle对象来获得和设置HTML元素的样式属性。
Style对象是DOM中元素的一个属性,它包括了元素的内联样式属性。通过Style对象,可以直接读取或设置元素的样式属性。
例如,要获得元素的背景色彩属性,可使用以下代码:
```javascript
var element = document.getElementById("myElement");
var backgroundColor = element.style.backgroundColor;
```
要设置元素的背景色彩属性,可使用以下代码:
```javascript
element.style.backgroundColor = "red";
```
需要注意的是,Style对象只能获得或设置内联样式属性,不能获得或设置外部样式表或嵌入样式表中定义的样式。
另外,对IE浏览器,可使用CurrentStyle对象来获得元素的计算样式属性。CurrentStyle对象是IE浏览器独有的属性,它返回的是元素的终究计算样式,包括内联样式、外部样式表和嵌入样式表中定义的样式。
例如,要获得元素的宽度属性,可使用以下代码:
```javascript
var element = document.getElementById("myElement");
var width = element.currentStyle.width;
```
需要注意的是,CurrentStyle对象只能在IE浏览器中使用,在其他浏览器中无效。在其他浏览器中,可使用getComputedStyle方法来获得元素的计算样式。
综上所述,Style对象用于获得和设置元素的内联样式属性,CurrentStyle对象用于在IE浏览器中获得元素的计算样式属性。
TOP