style, currentStyle, runtimeStyle

iteye_4702

于 2011-07-27 15:09:29 发布

阅读量134

点赞数

文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/iteye_4702/article/details/82098752

版权

样式(Styles)的优先级依次是内嵌(inline), 内部(internal), 外部(external), 浏览器缺省(browser default)。

style:
元素内联样式，对应于元素的style属性，指定了才可以获得，通过外联或在style元素中指定样式取不到值，el.style.xx这种设置方式是设置了元素的内联样式

currentStyle：
它能够获取元素所有的style，但它也按照优先级，形象的说就是你看到的是什么，它就是什么

runtimeStyle：
如果设置它，他就成为优先级最高的样式，显示也会相应改变

例子：

<body>
<div id="id" style="color:blue;">1111</div>
</body>
<script type="text/javascript">
var d = document.getElementById("id");
d.runtimeStyle.color="black";

alert(d.currentStyle.color);
alert(d.runtimeStyle.color);
alert(d.style.color);

</script>

打印：
black
black
blue

说明style只能取到内联样式，runtimeStyle可以成为最高优先级，currentStyle指向当前显示样式