dポイントプレゼントキャンペーン実施中!

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

A 回答 (2件)

こんにちは



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

<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回してます
    • good
    • 0

>JavaScriptを使って"123"のみ赤字にすることはできますか?


できません。
JavaScriptに限らずできません。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!