Q&A
本当ですね！
ご解答いただきありがとうございます！！
<!doctype html> <html> <head> <meta charset="utf-8"> <title>JStest4</title> </head> <body> <h1>Confirmと繰り返し処理</h1> <button onClick = "buttonclick();">実行</button> <div id="msg"></div> <script> function buttonclick(){ var i = 0; str = document.getElementById(msg); while(confirm("続けますか？")){ i++; str.innerHTML = i+"回\"ＯＫ\"をクリックしました。"; } } </script> </body> </html>
confirmを使って繰り返し処理をしたいのですが、str.innerHTMLに文字列を代入する部分で下記エラーが出てしまいます。これを回避する方法はありますでしょうか？
＜試したこと＞
・str.innerHTMLの行をコメント処理するとループは回りました。
・head部分に記述していたscript要素をbody終了タグの手前に持ってきたが、エラーは変わらず出ました。
・button要素とdiv要素の行を入れ替えたが、エラーは変わらず出ました。
＜以下エラーの内容です。＞
Uncaught TypeError: Cannot set property 'innerHTML' of null
at buttonclick (js-4.html:19) at HTMLButtonElement.onclick (js-4.html:10)
回答2件
0
ベストアンサー
誤：document.getElementById(msg);
正：document.getElementById('msg');
ついでに言っておくと、テキストノードを追加したいだけなら
innerHTMLよりtextContentの方が適切です。
投稿2018/09/11 08:35
編集2018/09/11 08:37
総合スコア1803
0
実装して確認してないですけど、引数が変数になっています。文字列にすれば多分取得できますよ。
str = document.getElementById('msg');
投稿2018/09/11 08:35
総合スコア3404
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/09/11 08:56