如何让textarea中的文字显示不同颜色

<textarea  cols="50"  rols="20"  id="oTX"></textarea>
<script>
var  str="<font  color='red'>aruhan</font> haha  <font  color='red'>test</font>";
oA=document.createElement('A');
oA.innerHTML=str;
oA.href="aruhan";
document.all('oTX').appendChild(oA)
</script>

解决方案 »

  1.   

    与楼上讲的类似，或许可以用其它模拟，如果非得用的话，下面是个简单的例子，请点击按钮：
    <script language="javascript" type="text/javascript">

    function showit()
    {
    var d1 = document.createElement("span");
    d1.style.background = '#FF9900';
    var d2 = document.createElement("span");
    d2.style.background = '#33FF00';
    var d3 = document.createElement("span");
    d3.style.background = '#3399FF';
    var con = document.getElementById("t0");
    var av = Math.round(con.value.length/3);
    d1.innerText = con.value.substr(0, av);
    d2.innerText = con.value.substr(av, av);
    d3.innerText = con.value.substr(av*2, con.value.length-av*2);
    con.innerText = '';
    con.appendChild(d1);
    con.appendChild(d2);
    con.appendChild(d3);
    }</script>
    </HEAD><BODY>
    <input type="button" onclick="showit();return true;" value="gogo!">
    <TEXTAREA id="t0" NAME="" ROWS="6" COLS="20">asdfasdfadsfadsfasdfasdfasdfasd</TEXTAREA>
    </BODY>
    </HTML>