如何實(shí)現(xiàn)textarea里的不同文本顯示不同顏色
更新時(shí)間：2014年01月20日 16:32:02 投稿：whsnow
如何實(shí)現(xiàn)textarea里的不同文本顯示不同顏色呢？控制textarea的style設(shè)置Textarea以及把文本放到標(biāo)記里都不會(huì)起作用，下面有個(gè)不錯(cuò)的解決方法，感興趣的朋友可以了解下
如何實(shí)現(xiàn)textarea里的不同文本顯示不同顏色呢？如果是控制textarea的style，則所有文本都是一個(gè)顏色；
如果把文本放到標(biāo)記里，也不會(huì)起作用，是因?yàn)闃?biāo)記不會(huì)被解釋，是當(dāng)做文本處理的。
在網(wǎng)上找到了一個(gè)方法：
我把代碼復(fù)制到txt中，并修改為html格式。測(cè)試起作用。html如下：
復(fù)制代碼 代碼如下:
<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>
將上述代碼復(fù)制到一個(gè)txt中，然后把txt文件改為html文件，例如改為a.html，用瀏覽器打開，點(diǎn)擊“提交”
相關(guān)文章
JavaScript 中有關(guān)數(shù)組對(duì)象的方法(詳解)
下面小編就為大家?guī)硪黄狫avaScript 中有關(guān)數(shù)組對(duì)象的方法(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)發(fā)紅包功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
這篇文章主要為大家詳細(xì)介紹了原生JS九宮格抽獎(jiǎng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
這篇文章主要為大家詳細(xì)介紹了H5移動(dòng)端適配，F(xiàn)lexible方案,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
因?yàn)楣δ苄枰?需要?jiǎng)討B(tài)創(chuàng)建DIV2008-09-09
JavaScript中的alert()函數(shù)使用技巧詳解
這篇文章主要介紹了JavaScript中的alert()函數(shù)使用技巧詳解,本文講解了普通彈出、帶換行的文本、使用制表符、使用變量、使用樣式等選擇,需要的朋友可以參考下2014-12-12
如何使用原生Js實(shí)現(xiàn)隨機(jī)點(diǎn)名詳解
這篇文章主要給大家介紹了關(guān)于如何使用原生Js實(shí)現(xiàn)隨機(jī)點(diǎn)名的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
indexOf() 方法可返回?cái)?shù)組中某個(gè)指定的元素位置，本文就來介紹一下js的indexOf方法使用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2023-05-05
JavaScript編碼風(fēng)格精選指南(編寫可維護(hù)的代碼規(guī)范)
javascript編碼規(guī)范能夠增強(qiáng)代碼的簡(jiǎn)潔性、可讀性、可擴(kuò)展性,項(xiàng)目做到后期,每修改一次,所耗費(fèi)的成本就越高,編碼規(guī)范能節(jié)省這樣的成本,并且能很好拓展升級(jí)原有系統(tǒng)功能,javascript編碼規(guī)范也是開源社區(qū)大家約定俗成的規(guī)則！2024-06-06
這篇文章主要介紹了5種javascript先序遍歷DOM樹的方法，感興趣的小伙伴們可以參考一下2016-02-02