javascript クリックしても一瞬だけ変わって元に戻ってしまいます。

Question

javascriptでクリックすると表記が一瞬だけ変わりすぐに元に戻ってしまいます。

    <ul>
      <li><a href="" id="left">box1</a></li>
    </ul>

   document.getElementById("left").addEventListener("click",()=> {
  document.getElementById("left").textContent="here";
});

return false; を最後のところに入れてみましたが特にうまくいきません。

Answer 1

下記に変更するとどうなりますか？

<ul>
  <li><a href="#" id="left">box1</a></li>
</ul>

あるいは、

<ul>
  <li><a href="#left" id="left">box1</a></li>
</ul>

Comments

[hokusai90]

いけました。
hrefに何か入力しないとなのですかね。

ありがとうございました。

[hatena19]

というかhrefが空白なら aタグにする必要性がないように思います。