![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
No.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回してます
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS Windowsのformでtextareaに入力すると改行が反映されません 2 2023/06/01 11:50
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- その他(Microsoft Office) Excelの条件付き書式についての質問です。 2 2022/09/08 01:25
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- Excel(エクセル) テキストの背後にあるオブジェクトとは 3 2023/01/03 20:22
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- FC2ブログ テキスト版からURLも表示できるように設定できないのでしょうか。 ブログにURLを載せようとしたら文 2 2023/02/12 11:20
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- 物理学 量子力学のテキストのフーリエ変換の記述について 1 2022/10/16 17:00
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptテキストBOX色を元に...
-
MAX関数を使ってからLEFT JOIN...
-
getElementByIdの戻り値がnull...
-
初期状態でテーブルの非表示
-
jQueryで特定id以外の下にある...
-
読み込んだQRコードをフォーム...
-
テキストエリア内の一部の文字...
-
Javascriptで可変のHTMLのID名...
-
removeEventListenerについて
-
console.log結果をhtmlで表示し...
-
javascriptでpostした値が取得...
-
自働生成される<div>タグに連番...
-
textareaに画像を表示したい
-
JSPでの画像ファイル表示
-
【OpenCV】二値画像後、白の部...
-
jspでcssが読み込めない
-
C言語のポインタ表現
-
Slick.jsのオプションrtlについて
-
複数画像のランダム複数表示(...
-
jQueryでサーバー上のファイル...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
createElementで作成した要素を...
-
読み込んだQRコードをフォーム...
-
console.log結果をhtmlで表示し...
-
iframe内のリンクが飛ばないの...
-
変数内容をHTML内で表示する方法
-
getElementByIdの戻り値がnull...
-
背景色を透明化
-
自働生成される<div>タグに連番...
-
複数のリンク画像を一定時間で...
-
クリックで色変更後に既に変更...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
表示・非表示のスクリプトで、...
-
タブで開いてさらにタブ内をア...
-
Jquery 親要素で順番入れ替え
-
HTML id名とjavascript変数名
-
VBScriptでXMLのデータを取得す...
-
[急ぎ] videoタグで埋め込んだm...
おすすめ情報