JavaScript中如何深入理解style对象与CurrentStyle对象的区别与应用案例？
- 内容介绍
- 文章标签
- 相关推荐
本文共计381个文字，预计阅读时间需要2分钟。
1、Style对象：代表单个的样式声明，可用于访问应用样式文档的元素。Style对象获取的是+内联样式，即元素标签中的style属性值。例如：style type=text/css。
1、Style对象
style对象代表一个单独的样式声明，可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式，即元素标签中style属性的值。
例子：
<style type="text/css">#div{color:gray;}</div>//内部样式 <div id="div" style="color:red;"></div>//内联样式 document.getElementById('id').style.color;//值为red
2、currentStyle对象
返回所有样式声明（包括内部、外部、内联）按css层叠规则作用于元素的最终样式。只有IE和Opera支持使用CurrentStyle获取的元素计算后的样式。getComputeStyle()方法可以获取当前元素所使用的css属性值。
本文共计381个文字，预计阅读时间需要2分钟。
1、Style对象：代表单个的样式声明，可用于访问应用样式文档的元素。Style对象获取的是+内联样式，即元素标签中的style属性值。例如：style type=text/css。
1、Style对象
style对象代表一个单独的样式声明，可以从应用样式的文档元素访问Style对象。style对象获取的是内联样式，即元素标签中style属性的值。
例子：
<style type="text/css">#div{color:gray;}</div>//内部样式 <div id="div" style="color:red;"></div>//内联样式 document.getElementById('id').style.color;//值为red
2、currentStyle对象
返回所有样式声明（包括内部、外部、内联）按css层叠规则作用于元素的最终样式。只有IE和Opera支持使用CurrentStyle获取的元素计算后的样式。getComputeStyle()方法可以获取当前元素所使用的css属性值。