No.3ベストアンサー
- 回答日時:
<script type="text/javascript">
function textChange(id,text){
var span_el = document.getElementById(id);
var originalText = span_el.firstChild.nodeValue;
span_el.innerHTML=text;
return originalText;
}
</script>
<div onClick="textChange('mytext','表示させたいHTML')">クリックされる文字</div>
<br><br>
<span id="mytext">
変更したい場所
</span>
これでいかがでしょうか。
変更後のHTMLの文章は改行してはいけないので、外部ファイルで
text01 = "HTMLの文章(文章内の"は\"と記述)"
とかしておいて読み込むとかなりすっきりします。
参考URL:http://dospara.okwave.jp/qa3616054.html
No.2
- 回答日時:
還暦目前の服飾デザイナでプログラマではありません。
ですから、私が示せるサンプルは次が限界。
それに質問の意図も余り理解できていません。
そういう事情で色んな問題、色んな改善点を含んでいると思います。
そこは、プロの回答者にお聞きになって下さい。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<title>文章の表示</title>
<meta http-equiv="Content-script-Type" content="type">
<script type="text/javascript">
var petdogs = new Array(3);
petdogs[0]="シベリアンハスキーには、独特の美しさがあります。" +
"子犬ならば、なおさらのことです。";
petdogs[1]="最愛のシベリアンハスキーでした。";
petdogs[2]="同年春に我が家へやってきたゴールデンレトリバーのです";
function update_val(objects, new_value) {
objects.value = new_value;
}
</script>
<body>
<form name="main">
<span onclick="update_val(document.main.message, petdogs[0]);return true"><u>1,AAAA</u></span></br>
<span onclick="update_val(document.main.message, petdogs[1]);return true"><u>2,BBBB</u></span></br>
<span onclick="update_val(document.main.message, petdogs[2]);return true"><u>3,CCCC</u></span></br>
<p>
<textarea name="message" id="message" rows="3" cols="50" readonly="readonly"></textarea><br/>
</form>
</body>
</html>
この回答への補足
ご回答ありがとうございます。
思い通りにはできたのですが、テキストエリアを使わずにhtmlにそのまま表示するようにしたいのです。
説明が不十分で申し訳ありませんでした。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/04/21 08:59
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/03/09 10:07
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/03/09 16:55
- Windows 10 Win11で絵文字が一部表示されない 1 2023/08/02 19:46
- Excel(エクセル) エクセルの数式で教えてください。 1 2023/06/15 14:11
- Windows Me・NT・2000 IMEオプションが開かない 2 2023/04/07 18:04
- Excel(エクセル) エクセルの数式で教えてください。 2 2023/03/09 08:37
- FC2ブログ テキスト版からURLも表示できるように設定できないのでしょうか。 ブログにURLを載せようとしたら文 2 2023/02/12 11:20
- C言語・C++・C# 必ずyou bet と表示されます 2 2023/07/28 22:19
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
JavaScript でキーを送る
-
getElementsByNameで要素が取得...
-
キーを押している間の時間を計...
-
function の return 値を表示し...
-
JavaScriptでのEnterキーとAlt+...
-
マウスオーバーで文字にアンダ...
-
ボタンを押してテキストエリア...
-
JavaScriptでiframeの内容を「...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
SQLのWHEREで全てを質問する方法
-
テーブル内の数値を自動で計算...
-
javascriptとApacheの設定
-
テキストをクリックすると答え...
-
javascriptでalertの文字列をコ...
-
cssにjavascriptを入れる?呼び...
-
Jquery.PHPファイルのechoが表...
-
onbeforeunload時のwindow.open...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
getElementsByNameで要素が取得...
-
SCRIPT5007: 未定義または NULL...
-
初心者javascript ウィンドウサ...
-
function の return 値を表示し...
-
JavaScriptでiframeの内容を「...
-
JavaScript でキーを送る
-
フォーカス移動抑止について
-
iframeの中から親ページをスム...
-
html javascript 作った配列を...
-
ボタンのID名を取得するには?
-
キーを押している間の時間を計...
-
自動ジャンプでフォームデータ...
-
bodyタグのfocus
-
リンク移動先のURLを取得
-
チェックボックスの選択パター...
-
JavaScriptでの西暦下2桁での表...
-
htaでVBSのソースを書いたらエ...
-
乱数を一定時間毎に表示させた...
-
「オブジェクトを指定してくだ...
-
jQuery ツールチップの中のリンク
おすすめ情報