如何實現(xiàn)textarea里的不同文本顯示不同顏色
更新時間：2014年01月20日 16:32:02 投稿：whsnow
如何實現(xiàn)textarea里的不同文本顯示不同顏色呢？控制textarea的style設(shè)置Textarea以及把文本放到標記里都不會起作用，下面有個不錯的解決方法，感興趣的朋友可以了解下
如何實現(xiàn)textarea里的不同文本顯示不同顏色呢？如果是控制textarea的style，則所有文本都是一個顏色；
如果把文本放到標記里，也不會起作用，是因為標記不會被解釋，是當做文本處理的。
在網(wǎng)上找到了一個方法：
我把代碼復制到txt中，并修改為html格式。測試起作用。html如下：
復制代碼 代碼如下:
<html>
<head>
<title>ff</title>
<Script Language="JavaScript">
function ta()
{
//----------------------------
var oFont3=document.createElement("FONT");
var oText3=document.createTextNode('\r');
oFont3.style.color="#00eeff";
form1.topic.appendChild(oFont3);
oFont3.appendChild(oText3);
//----------------------------
var oFont4=document.createElement("FONT");
var tex = "哈哈的哈哈";
var oText4=document.createTextNode(tex);
oFont4.style.color="#00ee00";
form1.topic.appendChild(oFont4);
oFont4.appendChild(oText4);
}
</Script>
</head>
<body>
<form name="form1" action="" method="post">
<textarea id="test" name="topic" rows="10" cols="40"></textarea>
<input type="button" value="提交" onClick="ta()">
</form>
</body>
</html>
將上述代碼復制到一個txt中，然后把txt文件改為html文件，例如改為a.html，用瀏覽器打開，點擊“提交”
相關(guān)文章
微信小程序?qū)崿F(xiàn)注冊登錄功能(表單校驗、錯誤提示)
這篇文章主要介紹了微信小程序 實現(xiàn)注冊、登錄功能(表單校驗、錯誤提示),本文通過代碼給大家詳細介紹，需要的朋友可以參考下2019-12-12
js+canvas實現(xiàn)轉(zhuǎn)盤效果（兩個版本）
這篇文章主要為大家詳細介紹了兩個版本的js+canvas實現(xiàn)轉(zhuǎn)盤效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
可以支持多中格式的JS鍵盤...2007-05-05
最近由于公司項目需要，要利用Javascript實現(xiàn)圖片懶加載效果，嘗試起來發(fā)現(xiàn)并不難，于是將自己的實現(xiàn)過程分享出來給大家學習和參考，希望對有需要的朋友們帶來一定的幫助，感興趣的朋友們下面來一起看看吧。2016-10-10
本文主要介紹一些JS中用到的小技巧，可以在日常Coding中提升幸福度，將不定期更新2018-07-07
最近做了一個活動頁面,需要自定義微信分享的標題、詳情、縮略圖和url,使用到了jssdk,這篇文章主要給大家介紹了關(guān)于微信公眾號weixin-js-sdk使用方法的相關(guān)資料,需要的朋友可以參考下2022-12-12
JS實現(xiàn)將手機號中間的幾位數(shù)字變成****功能
這篇文章主要介紹了用js如何實現(xiàn)將手機號中間的幾位數(shù)字變成****?_,今天，我們要實現(xiàn)一個很常見并且簡單的功能如何將手機號中間的幾位數(shù)變成****，需要的朋友可以參考下2023-09-09
記錄一下這些內(nèi)容只是以后查閱起來方便，作為自己知識積累的記錄。其中有很多是參考網(wǎng)絡(luò)上的資源，不再一一寫出出處，還請原作者見諒。2010-12-12
解析dom中的children對象數(shù)組元素firstChild,lastChild的使用
以下是對dom中的children對象數(shù)組元素firstChild,lastChild的使用進行了詳細的分析介紹，需要的朋友可以參考下2013-07-07
這篇文章主要介紹了JS數(shù)組中對象去重操作,涉及javascript數(shù)組對象遍歷、比較、運算等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06