style、currentStyle、runtimeStyle区别分析_javascript技巧



1、obj.style只能获得内嵌样式（inline Style）就是写在Tag里面的，他访问不到那些链接的外部css和在head中用


1111


alert(document.getElementById("tt").currentStyle.color);



若去掉以上中的style为1111，那么currentStyle.color就根据优先级变成了yellow，但是此时style.color为空。
3、runtimeStyle简单的说就是你可以对一个节点的样式赋值，他将成为最高优先级的节点样式。
如：
代码如下:







1111


document.getElementById("tt").runtimeStyle.color="black";
alert(document.getElementById("tt").currentStyle.color);
alert(document.getElementById("tt").runtimeStyle.color);
alert(document.getElementById("tt").style.color);



此时页面显示字的颜色是runtimeStyle赋值后的black。但是只有currentStyle.color和runtimeStyle本身能够取到这个值,style.color取到的依然是tag中的blue。