如何實作textarea裡的不同文字顯示不同顏色呢？如果是控制textarea的style，則所有文字都是一個顏色； 如果把文字放到標記裡，也不會起作用，是因為標記不會被解釋，是當做文字處理的。 在網路上找到了一個方法：我把程式碼複製到txt中，並修改為html格式。測試起作用。 html如下： 複製程式碼 程式碼如下: ff <BR>function ta() <BR>{ <BR>//------------ ---------------- <BR>var oFont1=document.createElement("FONT"); <BR>var oText1=document.createTextNode('中國'); <BR>oFont1 .style.color="black"; <BR>form1.topic.appendChild(oFont1); <BR>oFont1.appendChild(oText1); <BR>//-------------- -------------- <BR>var oFont2=document.createElement("FONT"); <BR>var oText2=document.createTextNode('人民'); <BR>oFont2.style .color="#ff3322"; <BR>form1.topic.appendChild(oFont2); <BR>oFont2.appendChild(oText2); <BR>//--------------- ------------- <BR>var oFont3=document.createElement("FONT"); <BR>var oText3=document.createTextNode('解放r'); <BR>oFont3.style .color="#00eeff"; <BR>form1.topic.appendChild(oFont3); <BR>oFont3.appendChild(oText3); <BR>//--------------- ------------- <BR>var oFont4=document.createElement("FONT"); <BR>var tex = "哈哈的哈哈的軍人"; <BR>var oText4=document. createTextNode(tex); <BR>oFont4.style.color="#00ee00"; <BR>form1.topic.appendChild(oFont4); <BR>oFont4.appendChild(oText4); <BR>} <BR>oFont4.appendChild(oText4); <BR>} <BR></ Script> <BR> <BR><body> <BR><form name="form1" action="" method="post"> <BR><textarea id="test" name="topic" rows="10" cols="40"> <BR><input type="button" value="提交" onClick="ta()"> <BR> <BR></ body> 將上述程式碼複製到一個txt中，然後把txt檔案改為html文件，例如改為a.html，用瀏覽器打開，點選「提交」按鈕後，運行結果如下：
