
document.writeについて
document.writeのテキストで文字を表示するじゃんけんゲームを作っています。
文字をグーを表示させると全画面がきえてしまいます。
消えない様にその場所のみ替えるようするには、どうしたらよいでしょうか?
また、document.writeで一旦表示されたらものをそこだけ消す
表示方法なども教えて下さい。
<script language="JavaScript">
<!--
function msg() {
document.write("グー!"); }
function msg2() {
document.write("<br>チョキ!"); }
function msg3() {
document.write("<br>パー!"); }
//-->
</script>
</head>
<body>
<br><br><br><br><br><br>
<p onMouseup="msg()">グー</p><p onMouseup="msg2()">チョキ</p><p onMouseup="msg3()">パー</p>
</body>
No.2ベストアンサー
- 回答日時:
なるべく原型をとどめた形で修正
お望みの形かどうかは怪しいですが
<html>
<script language="JavaScript">
<!--
function msg() {
document.getElementById("test").innerHTML = "グー!" ;
}
function msg2() {
document.getElementById("test").innerHTML = "チョキ!" ;
}
function msg3() {
document.getElementById("test").innerHTML = "パー!" ;
}
//-->
</script>
</head>
<body>
<br><br><br><br><br><br>
<p onMouseup="msg()">グー</p>
<p onMouseup="msg2()">チョキ</p>
<p onMouseup="msg3()">パー</p>
<div id="test"></div>
</body>
</html>
No.3
- 回答日時:
書き換えだけするなら、中身を消して、あらたな文字を書いちゃえば
よいのでは?
<script>
function msg(obj,text) {
while(n=obj.firstChild){
obj.removeChild(n);
}
obj.appendChild(document.createTextNode(text));
}
</script>
<p onMouseup="msg(this,'グー!')">グー</p>
<p onMouseup="msg(this,'チョキ!')">チョキ</p>
<p onMouseup="msg(this,'パー!')">パー</p>
No.1
- 回答日時:
このような質問前にも見ましたが、
どこで見たか忘れました。回答の盗作でーす。
ラッパーみたいにしちゃうんです。
// ↓何の変哲もないdocument.writeです
document.write('ぐう');
// ↓これを実行した後は…
( function( f ) {
var s = document.write;
document.write = f;
document.write.res = function() {
document.write = s;
}
})(
function() {
el = document.getElementById( 'test' );
return function( t ) {
el.innerHTML += t;
};
}()
);
// ↓id="test"に書き出される
document.write('ぐう');
// このメソッドを実行すると…
document.write.res();
// ↓元のdocument.writeに戻る
document.write('ぐう');
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
window.openでタイトル名の指定
-
時間帯によって背景画像を変える
-
functionから別のfunctionを実...
-
C#で、ContextMenuStripに動的...
-
C#OpenCv V4にのエラーに関する...
-
ActiveXobjectが作成できない
-
ASP+アクセスでのSQLコメントに...
-
HTTPSのとき":"が"%3A"ではなく...
-
jspからjavascriptの変数引継ぎ
-
同じIDで定義した要素の配列を...
-
明日・明後日・明々後日
-
getElementByIdを使用したグロ...
-
1.gifをホームページ上でランダ...
-
XMLでのAttributeを持ったNode...
-
ページ内に複数表がある場合のT...
-
jQuery|要素だけを変更できま...
-
javascriptでテーブルに追加し...
-
JavaScriptで文字列の特定文字...
-
画像の一部を表示
-
順列生成アルゴリズムについて...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openでタイトル名の指定
-
java scriptでの表示件数の制御...
-
○歳△ヶ月と×日を計算してくれる...
-
ホームページビルダー8
-
ジャバスクリプトでカレンダー...
-
Javascriptで文字の書き換え
-
配列
-
javasciptで時間で背景変更につ...
-
javascript剰余について
-
パソコンによって表示が違います。
-
テキストファイルを読み込んでd...
-
リファラー情報のエンコードを...
-
はじめまして。wmv動画をア...
-
初歩的なことなんですけど
-
javaで画像をランダム表示しつ...
-
JavaScriptで画像を1つずつ増や...
-
Javascript ポップアップウィ...
-
ホームページに日付を自動更新...
-
JS、document.write出力位置設定
-
マウスでスクロールした値を取...
おすすめ情報