ul's within ul's dom navigation code just a little off
<pre><code>    &lt;body&gt;
    &lt;ul class="outer"&gt;

        &lt;li&gt;This is info for Chino in Reno&lt;/li&gt;
        &lt;li&gt;  
            &lt;ul class="inner"&gt;
                &lt;li&gt;This is info for Chino in Reno&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;
            &lt;ul class="inner"&gt;
                &lt;li&gt;This is info for Chino in Reno&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;This is info for Chino in Reno&lt;/li&gt;
        &lt;li&gt;
            &lt;ul class="inner"&gt;
                &lt;li&gt;This is info for Chino in Reno&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/li&gt;
        &lt;li&gt;This is info for Chino in Reno&lt;/li&gt;
    &lt;/ul&gt;
    &lt;/body&gt;

&lt;script type="text/javascript"&gt;
    var items = document.getElementsByClassName("outer");//ul = "outer"
    for (i = 0, ii = items.length; i &lt; ii; i++)// go through the children "outer"
    {
        var outer_list = items[i].getElementsByTagName("li");

        for (j = 0, jj = outer_list.length; j &lt; jj; j++)
        {
            if(outer_list[j].childNodes)// want to get nested li &lt; ul 
            {
                outer_list[j].className = "style2"; // style it green
            }
            else
            {
                outer_list[j].className = "style"; // style it red
            }
        };// end for loop
    };
</code></pre>

<p>I'm trying to experiment and extend this code for ul's within li's within a ul!</p>

<p>I feel like that if statement is where things aren't sound, perhaps I have the wrong the childNode method???</p>

<p>perhaps this would be better, but I don't quite know how to write it out:</p>

<p>if(outer_list[j].hasChildNodes == true) </p>

<p>Any suggestions?</p>
