Q&A
前提・実現したいこと
時間を設定して表示非表示をしたいのですが
外部コードにすると動きません
発生している問題・エラーメッセージ
Cannot read property 'style' of null
該当のソースコード
<!doctype html> <html> <head> <script src="js/timer.js"></script> </head> <body> <div id="event"> <img src="イメージ１" width="100%" alt=""/> <img src="イメージ２" width="100%" alt=""/> </div> <!--②--> <div id="special"> <img src="イメージ３" width="100%" alt=""/> <img src="イメージ４" width="100%" alt=""/> </div> <!--時間外--> <div id="usually"> <img src="イメージ５" width="100%" height="100%" alt=""/> <img src="イメージ６" width="100%" alt=""/> </div>【jsファイル：timer.js】
var startday = new Date('2019/11/28 10:58:00');
var midday = new Date('2019/11/28 10:59:00');
var endday = new Date('2019/11/28 11:00:00');
var today = new Date();
if ( startday < today && today < midday ){
document.getElementById("event").style.display="block";
document.getElementById("special").style.display="none";
document.getElementById("usually").style.display="none";
} else if ( midday < today && today < endday ) {
document.getElementById("event").style.display="none";
document.getElementById("special").style.display="block";
document.getElementById("usually").style.display="none";
}else{
document.getElementById("event").style.display="none";
document.getElementById("special").style.display="none";
document.getElementById("usually").style.display="block";
}
試したこと
html内に記載するとうごくのですが外部ファイルとうごきません。
よろしくお願いします。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
<head></head>内で読み込むとbodyの各要素の生成前に実行されてしまいます。
bodyの最後でjsファイルを読み込むようにしてみてください。
投稿2019/11/28 04:47
総合スコア5158
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/11/28 05:09