I have a set of clickable identifiers on my page. About hundred, like 'cat1', 'cat2', 'dog1', 'dog2', 'dog3' etc. Then I have a function IDClick(id) {}

I need those identifiers clickable in HTML, to achieve that I used <a> tag with onclick

<a onclick=IDClick(id)>id</a>

now it works, but the cursor will not change when it is hovered over the clickable element.

So I try to add href=#

<a href=# onclick=IDClick(id)>id</a>

Now the cursor is OK, but when I click the item, the URL in the browser location bar will change. This is not desired.

How to get the mixed behavior?

I do not need underline as well.