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
JavaScript
|dom
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