Selecting parents of a child node (JavaScript, DOM)

[Protonman]

Hi,

Is there a way (function) to get the parents (or immediate parent) of a child tag?

e.g.:

<div>
<p id="para">
A simple example
</p>
</div>

How does one get the "div" tag when only the "p" tag is identifiable either via "id" or index?

i.e. is there a function like:

getParentOfChild(document.getElementById("para"))

in JavaScript?


Many thanks in advance

Protonman

 

[tsuji]

[tt]var oparent=document.getElementById("para").parentNode;[/tt]

 

[adam0101]

If there ends up being more layers between <p> and <div>, you can use this function to walk up the hierarchy...

function getParentTag(obj, tagName){
	while(obj !=null && obj.tagName.toLowerCase()!=tagName.toLowerCase()) obj = obj.parentNode;
	return obj;
}

Adam

http://adameslinger.blogspot.com/