適当に翻訳する。
html文書の中に間違いなく id="notification_btn" を持つボタンが存在するのに、下記のコードがエラーになる。
...
...
const btn = document.querySelector("#notification_btn");
btn.addEventListener("click", notification);
...
...
結果、
Uncaught TypeError: can't access property "addEventListener", btn is null
...
...
<head>の中にあったjavascript コードを<body>の中のボタン(id="notification_btn")より後ろの位置に移して解決。
<body>の中であっても、ボタンのタグより前だと上と同じエラーが出る。
javascript の addEventListener() メソッドは、同メソッドの対象となる DOM 要素の宣言より後でないといけないらしい。
body を閉じるタグの直前に<script>を置くと良いとか。
カレンダー
カテゴリー
最新記事
ブログ内検索
広告
バーコード
広告
