Q&A
ありがとうございます！
<script>を</body>直前に記述することで解決しました！
現在の月を取得して指定した箇所で表示させたいのですが、要素がnullになり、取得できません。
何が問題なのかもわからないため、アドバイスをお願いします。
let element = document.querySelector(".month_fixed_cost");の部分は,
let element = document.querySelector("center.month_fixed_cost");や
let element = document.querySelector("div p");なども試しましたが、結果はnullでした。
HTMl
1<body> 2 <script src="../js/index.js"></script> 3 <div class="wrapper"> 4 <h1 class="center title">固定費管理アプリ</h1> 5 <p class="center month_fixed_cost month">月の固定費</p> 6// 以下省略
JavaScript
1// 現在の月を取得して表示 2function Month() { 3 let today = new Date(); 4 let mm = today.getMonth() + 1; 5 let element = document.querySelector(".month_fixed_cost"); 6 console.log(element); 7} 8Month();
回答2件
0
<script>へ特に指定をせずに実行すると、HTML構築と同期的に実行されます。つまり、<script>より上にあるHTMLしか参照できません。
手段としては、
<script>を</body>直前に回すDOMContentLoadedやonloadでJavaScriptを実行するように書き換える
などがあります。
投稿2020/08/17 12:03
総合スコア145183
0
ベストアンサー
おそらくですが、
htmlは上から順に読み込む為、<script src="../js/index.js">が先に読み込まれます。
そしてMonth()を実行しているので、その時点ではその下にある<p class="center month_fixed_cost month">の箇所が取得できず、nullになっていると思われます。
その為、<script src="../js/index.js">をbody内の一番下に移動させるか、
js
1// Month(); 2window.addEventListener("load", Month );
に書き換えてみてください。
投稿2020/08/17 12:05
総合スコア1139
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/08/17 12:11