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

@decibelAug 01.2007

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

to post a comment

JavaScript

@DetectAug 01.2007 — #Try...

var table = thObj.parentNode.parentNode.parentNode;

table.id

@DetectAug 01.2007 — #Since the hierarchy is TABLE, THEAD, TR, TH, that's why there is three parentNodes.

@decibelauthorAug 01.2007 — #Thanks Detect, that helps. Any shortcuts.

@steveaAug 01.2007 — #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:

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

You could use it like so:

<i>
 </i>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;

@decibelauthorAug 01.2007 — #That is nice too, thanks stevea

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

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

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

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴