How can I get the parent <table> attributes of a particular <th>?

[decibel]

Hi,

I have a <th> that I am accessing with javascript, but how can I get its parent table attributes, like id, className, etc.

Thanks,
J

[Detect]

Try...

var table = thObj.parentNode.parentNode.parentNode;
table.id

[Detect]

Since the hierarchy is TABLE, THEAD, TR, TH, that's why there is three parentNodes.

[decibel]

Thanks Detect, that helps. Any shortcuts.

[stevea]

Just to be safe (you can never be too safe I say), here's a function that will go up until it finds a table:

function findParentTable(th){
	var ele = th.parentNode; while( ele.tagName != "TABLE" ){ ele = ele.parentNode; }
	return ele;
}

You could use it like so:

var table = findParentTable(th);

//Get table id
var table_id = table.getAttribute('id');
//Or
var table_id = table.id;

//Get table class
var table_className = table.getAttribute('class');
//Or
var table_className = table.className;

[decibel]

That is nice too, thanks stevea