テキストエリア内の一部の文字の色を変えたい

質問

<textarea id="inputText">abc123def</textarea>
というテキストエリアで、JavaScriptを使って"123"のみ赤字にすることはできますか？

回答No.2

leap_day · ベストアンサー

こんにちは

テキストエリアの中で一部というのは無理だと思います
テキストエリアに書かれたものをそういう風に変換というのはできますけど・・・

<script type="text/javascript"><!--
function ch() {
n = document.getElementById("inputText").value;
h = "<span style='color:red;'>123<\/span>";
n1 = n.replace(/123/,h);
document.getElementById("chtext").innerHTML = n1;
}
//--></script>

<textarea id="inputText">abc123def</textarea>
<div id="chtext"></div>
<input type="button" onclick="ch()" value="変換">

それは他人が書き込んで・・・ではなく自分が書いてあたかもtextereaに書いているように見せる・・・というのであれば<div>を使用してできないこともないとは思いますが

<style type="text/css"><!--
#texterea {
width:200px;
height:40px;
overflow:auto;
border:1px solid;
}
--></style>

<div id="texterea">abc<span style="color:red">123</span>abc<br><br><br></div>

※スクロールバーを出す為に今回は3行必要なので<br>を3回してます

回答No.1

ANASTASIAK

＞JavaScriptを使って"123"のみ赤字にすることはできますか？
できません。
JavaScriptに限らずできません。