[thelist] DOM: accessing properties of "group" array

[Tom Dell'Aringa]

Listers,

I'm working on a script that will allow me to highlight a row in a
table with styles. In doing this, I'm grabbing the ID of the row I
want to highlight. I then want to apply my CSS changes to the
children of that row, the TD cells themselves.

So far so good, but a bit of a snag. I'm using this function:

---------------------------

function walkChildren(objRef)
{
var obj = document.getElementById(objRef)
var i, group

group = obj.children
  for (i = 0; i < group.length; i++)
    {
      alert(group[i].id);
    }
}

---------------------------

I can pass my TR ID to this function. It grabs it fine, and "group"
becomes an array of each child under that TR, using the read-only
children method.

I can access individual properties of a child using:

group[i].property (you could read this child.1.property)

So in the above example, if all those TDs had IDs they would each pop
up in the alert.

I don't care about that, what I DO want to do is alter the styles.
(There is a style rule set for TD). I have tried:

group[i].style.color
group[i].color

to no avail. I cannot seem to find any reference in my books or
otherwise on what properties of the object are reachable via the
children property. I realize its a read-only property itself, but the
properties of the CHILD it references shouldn't be.

I CAN attach a method, and it will fire effectively, such as the
contains() method:

group[i].contains(document.getElementById('e'))

will return true for any td that has <em id='e'>blah</em> in it.

TIA

Tom

=====
var me = tom.pixelmech.webDeveloper();

http://www.pixelmech.com/
http://www.maccaws.com/
[Making A Commercial Case for Adopting Web Standards]

__________________________________________________
Do You Yahoo!?
HotJobs - Search Thousands of New Jobs
http://www.hotjobs.com