jQueryでdocument.write()を実行しても画面消去されない方法

jQueryでdocument.write()を実行すると全体的に画面が消去されてしまいます。

<html>
<head>
<meta charset="UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>
<body>

<div id="aaa">aiueo</div>

<script>
document.write("1");  // これは追加される

$("#aaa").click(function(){
    document.write("2");  // これはhtmlを全体的に消去する
})

</script>
</body>
</html>

コードのdocument.write("1");を実行後は、aaaに1が追加されるのですが、document.write("2");を実行すると以下のようになってしまいます。

<html>
<head>
</head>
<body>
2
</body>
</html>

document.write("2");を実行しても他のhtmlが消去されない方法はございますでしょうか？？？

行動規範の内容に同意します

回答1件

ベストアンサー

document.write("2");を実行しても他のhtmlが消去されない方法はございますでしょうか？？？

ありません。document.write()を使うのが間違いです。

投稿2020/04/30 11:37

maisumakun

総合スコア146842

torimingo

2020/04/30 11:39

どのようなものを使うのがおすすめになりますでしょうか？

maisumakun

2020/04/30 11:40

textContentやappendChildなど、DOMの操作で出力しましょう。

torimingo

2020/04/30 11:42

了解しました。それらを調べて使ってみます。ありがとうございました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.29%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する