使用textarea单独处理某些某些变色

在开发短信发送模块中，遇到这样的问题，可以选择多条短信一起发送，但是最多只能发送500个字。所以开发要求，在选择短信的时候如果短息内容超过500字的短息内容就显示为红色。表示不予发送，但是展现短信内容实用的是<textarea>标记，无法对某些字体进行变色单独处理。当时感觉只能使用div来展示短息内容，但是使用div来进行展示，效果没有textarea好。所以还是坚持使用textarea，在网上查找了这么一段，算是解决燃眉之急了，具体如下。
<textarea id=text1 cols=50 rows=10>

</textarea>

<script language=javascript>

var str = '<font color=blue>aaaaaaa</font><br><font color=red>bbbbbb</font>';

oDiv = document.createElement('DIV');

oDiv.innerHTML = str;

text1.appendChild(oDiv)

</script>

这段代码显示结果是：textarea中一行蓝色字母aaaaaaa和一行红色字母bbbbbb。