Finding Elements by Location
| A powerful document object method in the Internet Explorer (only) is the elementFromPoint method. This method enables you to find an element based on its X and Y position in the browser window (where (0, 0) is at upper left, and all measurements are in pixels). All you need to do is to pass the X and Y coordinates, and this method returns the element object (including the <BODY> element if no other elements are on top of it at the specific location). Here's an example that enables you to move the mouse over various elements and displays the ID of the element the mouse is currently over: (Listing 09-10.html on the web site)<HTML> <HEAD> <TITLE>Finding Elements by Location</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function displayID() { document.form1.text1.value = document.elementFromPoint(window.event.clientX, window.event.clientY). You can see the results in Figure 9.8, where I'm moving the mouse over a button and the button's ID is reported in a text field. Figure 9.8. Using the elementFromPoint method.  |
id 
