How to identify HTML elements (in javascript) in a browser agnostic fashion

Posted by gatapia on Stack Overflow See other posts from Stack Overflow or by gatapia
Published on 2010-03-18T21:46:28Z Indexed on 2010/03/18 21:51 UTC
Read the original article Hit count: 357

Filed under:
|

Hi All,

I need to identify all html elements on a page in a browser agnostic fashion. What I am basically doing is using mouse events to record clicks on the page. I need to record which element was clicked. So I add a mouse down listener to the document.body element. And on mouse down I get the element under the mouse. Lets say its a div. I then use the index of that div inside the document.getElementsByTagName('*') nodelist and the nodeName ('div') to identify that div. A sample element id would be div45 which means its a div and its the 45th element in the '*' nodelist.

This is all fine and good until I use IE which gives me different indexes. So div45 in FireFox may be div47 in IE.

Anyone have any ideas? I just need the id of all elements on the page to be the same in any browser, perhaps indexing is not good enough but I really don't have any more ideas.

Thanks

Guido

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about dom