location.pathnameでページを指定してのクラスの追加ができない

Question

location.pathname;でhoge.htmlのid、areaに対してクラスを追加したんですがうまくいきません。if文がない場合は追加されるのですが、全ページにもクラスがついてしまうので
このhoge.htmlだけにつけたいのです
レクチャー頂ければ幸いです。

・追加できない
window.onload = function () {
  let url = location.pathname;
  if (url == "hoge.html") {
  const targetElement = document.getElementById('area');
  targetElement.classList.add('none'); 
  }
 }

追加できる
window.onload = function () {
  let url = location.pathname;
  document.getElementById("area").innerHTML = location.pathname;
  }
 }

Comments

[int32_t]

hoge.html を表示しているとき、location.pathname には何が入っているか確認しましたか。

Answer 1

もし「パス部が hoge.html で終わっているなら」という条件なら、

  if (location.pathname.endsWith("hoge.html")) {

です。

Comments

[nanashissss]

ありがとうございます。

Answer 2

location.pathnameはルートからのパスを表示するため先頭が「/」になるので
「hoge.html」と合致することはないと思います

Comments

[nanashissss]

consoleで確認したらその通りでした
ありがとうございます