如何實現(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)文章
JavaScript 中有關(guān)數(shù)組對象的方法(詳解)
下面小編就為大家?guī)硪黄狫avaScript 中有關(guān)數(shù)組對象的方法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)發(fā)紅包功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要為大家詳細介紹了原生JS九宮格抽獎，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要為大家詳細介紹了H5移動端適配，F(xiàn)lexible方案,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
因為功能需要,需要動態(tài)創(chuàng)建DIV2008-09-09
JavaScript中的alert()函數(shù)使用技巧詳解
這篇文章主要介紹了JavaScript中的alert()函數(shù)使用技巧詳解,本文講解了普通彈出、帶換行的文本、使用制表符、使用變量、使用樣式等選擇,需要的朋友可以參考下2014-12-12
這篇文章主要給大家介紹了關(guān)于如何使用原生Js實現(xiàn)隨機點名的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
indexOf() 方法可返回數(shù)組中某個指定的元素位置，本文就來介紹一下js的indexOf方法使用，具有一定的參考價值，感興趣的小伙伴們可以參考一下2023-05-05
JavaScript編碼風格精選指南(編寫可維護的代碼規(guī)范)
javascript編碼規(guī)范能夠增強代碼的簡潔性、可讀性、可擴展性,項目做到后期,每修改一次,所耗費的成本就越高,編碼規(guī)范能節(jié)省這樣的成本,并且能很好拓展升級原有系統(tǒng)功能,javascript編碼規(guī)范也是開源社區(qū)大家約定俗成的規(guī)則！2024-06-06
這篇文章主要介紹了5種javascript先序遍歷DOM樹的方法，感興趣的小伙伴們可以參考一下2016-02-02