テキストエリア内の異なるテキストを異なる色で表示する方法_JavaScript スキル

テキストエリア内の異なるテキストに異なる色を表示させるにはどうすればよいですか? textarea のスタイルを制御すると、すべてのテキストが同じ色になります。

は、マークアップ内にテキストを配置すると機能しません。これは、マークアップが解釈されず、テキストとして扱われるためです。

インターネットで次の方法を見つけました。

コードを txt にコピーし、html 形式に変更しました。テストは機能します。 HTML は次のとおりです:

コードをコピー コードは次のとおりです:

関数 ta()
//- ----- ---------------------
var oFont1=document.createElement("FONT");
var oText1=document.createTextNode ('中国') ;
oFont1.style.color="black";
oFont1.appendChild(oText1); ----- -------
var oFont2=document.createElement("FONT");
var oText2=document.createTextNode('People ');
oFont2.style.color="#ff3322";
oFont2.appendChild(oText2); --- ------------------
var oFont3=document.createElement("FONT");
var oText3=document.createTextNode('liberator'); ;
oFont3.style.color="#00eeff";
form1.topic.appendChild(oText3); -- ------------------
var oFont4=document.createElement("FONT");
var tex = "ははは、兵士"; 🎜> var oText4=document.createTextNode(tex);
oFont4.style.color="#00ee00";
oFont4.appendChild(oText4); >}

< textarea id="test" name="topic" rows="40">

上記のコードを txt にコピーし、 txt ファイルは HTML ファイルです。たとえば、これを a.html に変更し、ブラウザで開き、「送信」ボタンをクリックすると、実行結果は次のようになります。