Add click event on div tag using javascript

Question

I have a div tag in my form without id property  I need to set an on-click event on this div tag   My HTML code    lt div class  drill cursor   gt        lt  div gt    I don t want to add an id property to my div tag   How can I add an on-click event on this tag using Javascript

User · Answer

Try this    var div   document getElementsByClassName  drill cursor   0     div addEventListener  click   function  event         alert  Hi

User · Answer

the document class selector   document getElementsByClassName  drill cursor   0  addEventListener  click  function     false    also the document query selector https   developer mozilla org en-US docs Web API document querySelector  document querySelector   drill cursor   addEventListener  click  function     false

User · Answer

Recommend you to use Id  as Id is associated to only one element while class name may link to more than one element causing confusion to add event to element   try if you really want to use class    document getElementsByClassName  drill cursor   0  onclick   function   alert  1        or you may assign function in html itself    lt div class  drill cursor  onclick  alert  1     gt   lt  div gt

User · Answer

Pure Javascript  document getElementsByClassName  drill cursor   0           addEventListener  click   function  event                   do something               jQuery      drill cursor   click function      do something

User · Answer

Just add the onclick-attribute    lt div class  drill cursor  onclick  alert  youClickedMe      gt        lt  div gt    It s javascript  but it s automatically bound using an html-attribute instead of manually binding it within  lt script gt  tags - maybe it does what you want   While it might be good enough for very small projects or test pages  you should definitly consider using addEventListener  as pointed out by other answers   if you expect the code to grow and stay maintainable

User · Answer

Separate function to make adding event handlers much easier   function addListener event  obj  fn        if  obj addEventListener            obj addEventListener event  fn  false        modern browsers       else           obj attachEvent  on  event  fn               older versions of IE          element   document getElementsByClassName  drill cursor   0    addListener  click   element  function             Do stuff

[javascript] Add click event on div tag using javascript

Examples related to javascript

Examples related to html