onclickの使い方を調べていたら「href=”#” onclick の悪習」という記事を見つけたのでご紹介します。
a タグで実現する方法
ダメな例
検索
a 要素の href 属性に値が入ってると onclick 属性の内容を実行後に href 属性の値を参照しようとしてしまいます。
また # が入ってる場合はページの一番上部にページ内遷移してしまいます。
良い例
検索
また onclick イベントハンドラを実行するなら、この書き方がスッキリしてて良さそうです。
検索
spanで代用する方法
検索
以上です。
参考情報