05.javascript访问CSS

获取元素的真实，最终的css样式属性的函数：
function getStyle(elem, name) {
//如果存在于style[]中，直接返回
if (elem.style[name]){
return elem.style[name];
}

//尝试使用IE的方法
else if (elem.currentStyle) {
return elem.currentStyle[name];
}
//或者使用W3C的方法
else if (document.defaultView && document.defaultView.getComputedStyle) {
name = name.replace(/([A-Z])/g, "-$1");
name = name.toLowerCase();
var s = document.defaultView.getComputedStyle(elem, "");
return s && s.getPropertyValue(name);
}
//否则用户使用的是其他的浏览器
else return null;
}

使用方法：

<span id="hello" style="color: Red; font-size: large" mce_style="color: Red; font-size: large">Hello World</span><br />
<input type="Button" value="getStyle()" onclick="test()" />
<mce:script type="text/javascript"><!--
function test() {
var hello = document.getElementById("hello");
alert("color:" + getStyle(hello, "color") + ",font-size:" + getStyle(hello,"font-size"));
}

// --></mce:script>