Home/ Questions/Q 6343789
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T20:30:50+00:00

In short, I want to do <a href=javascript:edit(this, 123)>Edit thing</a> instead of <a href=javascript:;

  • 0

In short, I want to do

<a href="javascript:edit(this, 123)">Edit thing</a>

instead of

<a href="javascript:;" onclick="edit(this, 123)">Edit thing</a>

where this would be the <a />, and 123 is an id. Why? It’s much cleaner. Is there any way?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    How about we keep things semantic?

    <button type="button" id="edit"> Edit this </button>

    and then add some javascript somewhere

    document.getElementById("edit").addEventListener("click", function(ev) {
  // do edit logic
}, false);

    You’ll have issues with addEventListener in legacy browsers. Feel free to use flow to fix addEventListener

    I also recommend you read about

    And choose one of those two techniques.

    Also please don’t hard code id’s into your functions like that. Your edit button should know what it’s editing by relative position in the DOM. it should be easy to find the semantic id that is on the correct element by a simple bit of DOM traversal.

    • 0