<body>
<ul class=“outer”>
<li>This is info for Chino in Reno</li>
<li>
<ul class="inner">
<li>This is info for Chino in Reno</li>
</ul>
</li>
<li>
<ul class="inner">
<li>This is info for Chino in Reno</li>
</ul>
</li>
<li>This is info for Chino in Reno</li>
<li>
<ul class="inner">
<li>This is info for Chino in Reno</li>
</ul>
</li>
<li>This is info for Chino in Reno</li>
</ul>
</body>
<script type=“text/javascript”>
var items = document.getElementsByClassName(“outer”);//ul = “outer”
for (i = 0, ii = items.length; i < ii; i++)// go through the children “outer”
{
var outer_list = items[i].getElementsByTagName(“li”);
for (j = 0, jj = outer_list.length; j < jj; j++)
{
if(outer_list[j].childNodes)// want to get nested li < ul
{
outer_list[j].className = "style2"; // style it green
}
else
{
outer_list[j].className = "style"; // style it red
}
};// end for loop
};
I’m trying to experiment and extend this code for ul’s within li’s within a ul!
I feel like that if statement is where things aren’t sound, perhaps I have the wrong the childNode method???
perhaps this would be better, but I don’t quite know how to write it out:
if(outer_list[j].hasChildNodes == true)
Any suggestions?