How to get root node's or Element's id

[newlearner]

Hi all,
on clicking the child node or element I need to get the id of the root element or node. id it possible, I have no idea

for example
<table>
<tr><td id="root">
<table>
<tr><td>
<table>
<tr><td id="child"> this is a <B>Test</B> </tr></td>
</table>
</tr></td>
</table>
</tr></td>
</table>

On clicking the element "child" i need to get the id of the element "root" is it possible . i need to traverse up the Tree I hope.


Im new to javascript.. if there is anythng worng pls inform me

Thanks in advance for guiding me

[iam_clint]

example provided

<script>
function getParents(obj) { 
 objparent = obj.parentNode;
 while (objparent) {
   obj = objparent;
   objparent = obj.parentNode; 
   if (obj.id) {
     alert(obj.id);
   }
 }
}
</script>
<table>
<tr><td id="root">
<table>
<tr><td>
<table>
<tr><td id="child" onclick="getParents(this);"> this is a <B>Test</B> </tr></td>
</table>
</tr></td>
</table>
</tr></td>
</table>
 

[newlearner]

hi clint,
Cheers Thats Great !!!

But i need another favour too.......

This is Good but .. I require only a part of it
<div id = "testroot">
<table>
<tr><td id="root">
<table>
<tr><td>
<table>
<tr><td id="child" onclick="getParents(this);"> this is a <B>Test</B> </tr></td>
</table>
</tr></td>
</table>
</tr></td>
</table>
</div>

<div>
<table id="testroot2">
<tr><td id="root">
<table>
<tr><td>
<table>
<tr><td id="child2" onclick="getParents(this);"> this is a <B>Test</B> </tr></td>
</table>
</tr></td>
</table>
</tr></td>
</table>
</div>
<table>
<tr><td></td></tr>
..... more stmts
</table>

i need to traverse only up to div id="testroot1" or id="testroot2" and not more than that.

Let me explain the senario..

Onclicking a button (found a the child node) i need to initialize a function. for diff pages. unfortunately all those button tags dosent have an id or name attribute to it. and i cannot add the function manually for each button.

So i thought of traversing up the tree up to its div to identify the button and then by setting an id to the clicked button i can initialize the function globally for each button

Why I need only Up to the Div

The div id="testroot1" is inserted into a page from outside. The contents of the div is in a diff html file and the file is inserted depending on the click.
So as i feel the root of the id "child" is "testroot1". i need to move up only up to "testroot1". so that i can set the id of the clicked button with reference to the div
so that there are no futhere confusions in manupulating the ids.

Pls Let me know im new to these things.



Againg looking for some thig that could help me. But a Lot of thanks for the previous reply it was useful !!

-NewLearner