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ランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
getElementByIdの戻り値がnull...
-
createElementで作成した要素を...
-
読み込んだQRコードをフォーム...
-
console.log結果をhtmlで表示し...
-
iframe内のリンクが飛ばないの...
-
計算結果の表示方法について
-
HTMLタグに複数のクラスを設定...
-
バッチファイルでカウントアッ...
-
「リンクにマウスオーバーする...
-
classList で、class名が付かな...
-
複数のリンク画像を一定時間で...
-
jQueryのアコーディオンメニュ...
-
配列の作業
-
ネストされたハッシュの値から...
-
Notice:Undefined index が。
-
初期表示を変えるには?
-
JavaScript初心者です。URLの末...
-
ボタンを押せば、画面が切り替...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
クリックで色変更後に既に変更...
-
iframe内のリンクが飛ばないの...
-
[急ぎ] videoタグで埋め込んだm...
-
背景色を透明化
-
console.log結果をhtmlで表示し...
-
表示・非表示のスクリプトで、...
-
getElementByIdの戻り値がnull...
-
removeAttribute()メソッドで削...
-
テキストエリア内の一部の文字...
-
タブで開いてさらにタブ内をア...
-
IFRAMEの表示/非表示を切り替え...
-
変数内容をHTML内で表示する方法
-
HTMLタグに複数のクラスを設定...
-
jQueryのアコーディオンメニュ...
-
取得した要素がインライン要素...
おすすめ情報