No.1ベストアンサー
- 回答日時:
innerHTMLプロパティを使えばできると思います。
スクリプトは、
<script type="text/javascript"><!--
function hello(){
if (document.getElementById){
document.getElementById("salute").innerHTML="こんにちは";
}
}
//--></script>
<body>以下のソースに、
<input type="button" onClick="hello()">
<div id="salute"></div>
このような感じではいかがでしょうか。 IE5以降、Netscape6以降、Opera7以降であれば、動作すると思います。
簡単に解説すると、このスクリプトでは、id名「salute」を持つ要素を特定して(document.getElementByID("salute").)、その中に含まれるHTML(innerHTML)の内容を「こんにちは」に書き換えるという処理を行います。
もし、「<div id="salute"></div>」の中に何かしらの要素が入っていたら、ボタンがクリックされた時点でそれは消去されて、「こんにちは」に切り替わります。
参考になれば幸いです。
どうも、早速のご回答ありがとうございます。
無事にできました。僕のHTMLも完成できそうです。
意外と難しいんですね。innerHTMLというものは、初めて知りました。これは、聞かなくては解決できなかったものと思います。
希望どおりのものができました。初めてのホームページにチャレンジしていたのですが、もう少しで解説できそうです。どうもありがとうございました。又よろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 教えて!goo 質問をして回答者さんにお礼文を書こうとしても、お礼のカウントを押すボタンだけは表示されて、それ以外の 1 2022/07/26 10:19
- Visual Basic(VBA) VBAで早押しゲームを作りたい 4 2022/05/12 13:46
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- プリンタ・スキャナー キャノンmp490プリンター【エラー番号5400】で【プリンタートラブルが発生しました。電源を入れ直 2 2023/07/24 17:45
- Excel(エクセル) マクロでボタンにつける名前がどこに設定されているかわからないケースがありました。 1 2023/06/19 19:37
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- au(KDDI) 特定の画面を見るとスマホが固まります ご覧頂き有難うございます。 特定のページを見るとスマホが固まり 1 2023/08/21 19:29
- その他(趣味・アウトドア・車) 中華製オートマチックチューナー ATU-100について教えて下さい。 1) この使用方法は、マイクの 1 2023/08/24 11:00
- gooのスマホ スマホF-51Bに緊急時情報画面でロックが掛かって解除できません。 3 2023/06/18 23:05
- Access(アクセス) Access 登録ボタンからサブフォームの更新 1 2022/07/22 10:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
変数内容をHTML内で表示する方法
-
javascriptでURLにマウスオーバー
-
document.getElementById( ).st...
-
表示・非表示のスクリプトで、...
-
取得した要素がインライン要素...
-
dblclickでdiv要素を一回だけ作...
-
マウスオーバー、アウト時の背...
-
プルダウンとチェックボックス...
-
removeAttribute()メソッドで削...
-
iframe内のリンクが飛ばないの...
-
HTMLとJavaScriptで作ったタイ...
-
jTweetsAnywhereでハッシュタグ...
-
ボタンを押せば、画面が切り替...
-
jqueryを使って無駄なspanタグ...
-
createElementで作成した要素を...
-
javascriptテキストBOX色を元に...
-
【jquery】スクロールで背景画...
-
javascriptでpostした値が取得...
-
タブで開いてさらにタブ内をア...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
createElementで作成した要素を...
-
removeEventListenerについて
-
IFRAMEの表示/非表示を切り替え...
-
タブで開いてさらにタブ内をア...
-
変数名をどのようにつけるのが...
-
クリックで色変更後に既に変更...
-
表示・非表示のスクリプトで、...
-
HTMLとJavaScriptで作ったタイ...
-
console.log結果をhtmlで表示し...
-
jQueryでクリックされた要素のi...
-
HTMLタグに複数のクラスを設定...
-
指定したパスが現URLに含まれて...
-
iframe内のリンクが飛ばないの...
-
背景色を透明化
-
テキストエリア内の一部の文字...
-
変数内容をHTML内で表示する方法
-
classの中の<a>タグにidを追加
おすすめ情報