Q&A
前提
中規模のECサイトを運営しております。
ページネーションで特定の<div>要素を非表示にしたいのですが、うまくいかず困っています。
ページネーションはURLに_（アンダースコア）が含まれます。
仕様上、<head>内には記述ができないため、<body>内でJavascript（以下、js）を記述して実装したいです。
実現したいこと
<body>内で外部でjsファイルを呼び出して、URLに"_"が含まれていた場合、free5の要素を非表示にしたい発生している問題・エラーメッセージ
jsファイルの内容が反映されない
該当のソースコード
HTML
1<body> 2 <div id="free5"> 3 <p>ここにテキストが入ります。</p> 4 </div> 5 <script src="./free5_display.js"></script> 6</body>
Javascript
1// URLの値を取得 2var url = location.href; 3 4// 除外したいパラメーター 5var param = "_"; 6 7// URLに_が含まれていた場合、free5は非表示 8if(url.indexOf(param) == -1) { 9 document.getElementsById("free5").style.display="block"; 10}else{ 11 document.getElementsById("free5").style.display="none"; 12};
試したこと
・jsファイルの記述を<body>内に直接記述した際は、非表示が確認できました。
・jsファイルにdocument.write()など、別の記述をした際は反映が確認できたため、外部ファイルの読み込みは成功しています。
以上となります。
お知恵をお貸し頂けますと幸いです。
どうぞよろしくお願いします。
回答1件
0
ベストアンサー
getElementsById になっています。
【Document.getElementById() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementById
投稿2022/08/08 09:28
総合スコア69407
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/08/08 09:39