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>