Q&A
```
%input#result{:name => "referer", :type => "text", :value => ""}/
```
こういうことでしょうか？
試してみましたが変化はありませんでした
前提・実現したいこと
フォームのテキストボックスのvalueにjavascriptで値を入れたいです
発生している問題・エラーメッセージ
Uncaught TypeError: Cannot read property 'value' of null
該当のソースコード
haml
1%head 2 = javascript_include_tag 'game.js' 3%input#result{:name => "referer", :type => "text"}/
javascript
1document.getElementById("result").value = 1;
試したこと
たったこれだけの記述なのにどこでnullが返ってきているのかがさっぱりわかりません
idの確認もしましたがスペルミスはありませんでした。
補足情報（FW/ツールのバージョンなど）
これ自体が目的では無いのでhamlに「:value => 1」を記述する等の回答は無しでお願いします。
javascriptでvalueに値を設定したいのです。
回答3件
0
ベストアンサー
Uncaught TypeError: Cannot read property 'value' of null の意味するところは
「null の 'value' プロパティを読もうとして失敗しています」ということなので、
null なのは document.getElementById("result") です。
さて、ではこれがなぜ null になるかですが、
考えられるもので一番典型的なものは DOM が構築される前に要素を引っ張ってこようとして失敗しているパターンです。
この場合は DOM が構築されるまで待てばよいので、
javascript
1document.addEventListener('DOMContentLoaded', () => { 2 document.getElementById("result").value = 1; 3});
とするか、スクリプトを読み込む場所を
html
1<body> 2 <!-- 省略 --> 3 <script src="script.js"></script> 4</body>
となるように body の末尾に持っていくかです。
投稿2020/04/30 12:39
総合スコア870
0
document.getElementById("result") がnullのため、.value というのが解釈できなくなってます
投稿2020/04/30 12:39
総合スコア87774
0
初期値がないのでは？
投稿2020/04/30 12:36
総合スコア55
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/04/30 12:44