javascript: style.color 获取结果跟浏览器相关

网页的元素可以通过“style“来改变字体，字体大小，和颜色。比如
<input type='text' id='test' name='test' value='Test text' style='font-family:Arial;font-size:12px;color:#FF0000'>

网页中也可以通过javascript 改变style的各种属性，如：

<script>
document.getElementById("test").style.fontFamily = "宋体";
document.getElementById("test").style.fontSize = "14px";
document.getElementById("test").style.color = "#00FF00";
</script>

于是，我们也可以取得已经定义的style各属性的结果

<script>
var getFontFamily = document.getElementById("test").style.fontFamily ;
var getFontSize= document.getElementById("test").style.fontSize = "14px";
var getFontColor= document.getElementById("test").style.color= "#00FF00";
</script>

在实践中发现, IE 和 Firefox 在返回style.color属性的时候, 结果是不一样的。
IE 会老老实实的返回：#FF0000
而Firefox 会返回这样：rgb(255, 0, 0)

唉, javascript 的浏览器兼容问题永远都不会停止麻烦我啊。

本文为寻找人生的起点(http://blog.cn-ic.org)原创，如需转载，请注明出处，并保留原文链接 http://blog.cn-ic.org/?p=93。