href链接到function js

Question

I want to create link that send to function:

    tdLink2.innerText="Delete";
    tdLink2.href="javascript:deleteDepartment(id)"

but the "id" parameters was not sent. Who I can do this with the parameters? (Javascript) Thank you.

Answer 1

ID is not parsed in your string

EITHER (Don't forget the extra quotes if ID is a string

tdLink2.href="javascript:deleteDepartment('"+id+"')" 

alternative with template literals

tdLink2.href=`javascript:deleteDepartment('${id}')`; 

I would personally keep DELETE far away from a href

This is better

tdLink2.href="#"
tdLink2.addEventListener("click",function(e){
  e.preventDefault(); /stop the link
  deleteDepartment(id); // id is some global variable
})

EVEN better is to do

tdLink2.href="#";
td.dataset.id = id; // assign to a data attribute
tdLink2.addEventListener("click",function(e){
  e.preventDefault(); // stop the link
  deleteDepartment(this.dataset.id); // pass the data attribute
})

Answer 2

If id is already defined variable then u can do like this

tdLink2.href=`javascript:deleteDepartment(${id})`

U can do this if id is of type string

otherwise u can go for this

function f(){
  deleteDepartment(id)
}
tdLink2.href='javascript:f()'

Answer 3

Just assign function result to property

tdLink2.href = deleteDepartment(id);