Working with html Nodes Re phrased

[Stephen Black]

All I want to do is to refer to the elements with the id= CatBreeds, DogBreeds and BirdBreeds
and then I want to make those nodes invisible.
I want to do this without refering to the id of these nodes
and I would like to do it using a loop

Here is a link to my current attempt to solve this problem
----------------------------------------------------------

<ul id="Pets">
<li id="Cats">Cats
    <ul id="CatBreeds">
    <li id="Persian">Persian</li>
    <li id="Scooby">Maine Coon</li>
    </ul>
</li>
<li id="Goldfish">Goldfish</li>
<li id="Dogs">Dogs
    <ul id="DogBreeds">
    <li id="Dogs1">German Shepperd</li>
    <li id="Dogs2">Great Dane</li>
    </ul>
</li>
<li id="Hermit">Hermit Crabs</li>
<li id ="parrot">Parrot
    <ul id="BirdBreeds">
    <li id="Mac">Macaw</li>
    <li id="Ecc">Eclectus</li>
    </ul>
</li>
<li style="display: none;">This Allows IE to display all nodes and not all but one like usual</li>
</ul>

[edited: to use code tags]

[Ankit Garg]

I want to do this without refering to the id of these nodes

I wonder why don't you want to do this using the easiest way possible. Anyways, you can use the child elements property on an element to get all the child elements as node list and then iterate over it...

[Stephen Black]

Thanks for that
The reason why I want to do things the hard way is becuause
Imagine if the list was not just a static list but imagine if it was a considerably long PHP generated database query
Thats why I believe the hard way (not referring to Id's) is the best way.

Anyhow after considerable experimentation I think I have it sorted out
The hardest thing about coding this is that it's hard to step throuht the script mentally
if you don't really understand fully the way the DOM is set out.

Ankit Garg wrote:

I want to do this without refering to the id of these nodes

I wonder why don't you want to do this using the easiest way possible. Anyways, you can use the child elements property on an element to get all the child elements as node list and then iterate over it...