Javascript to Check if Element has Children

[svoltmer]

I am learning JavaScript and would like to test whether a list in the navigation has a nested list within it and if it doesn’t I would like to change the style on the parent li of that nested list. Confusing?
Here is what I have so far, I know it doesn’t target the right nodes, but that’s why I am here.

function hasList() { var nav =document.getElementById("header-nav");

        if (nav.hasChildNodes() ) {
            nav.childNodes[2].setAttribute("style","background-color:red; border-radius:8px;");


}; };`

[svoltmer]

Thanks, but it doesn’t seem to be targeting anything.
Here is my page.
http://www.rose-hulman.edu/testing/index.html

I was looking to round the bottom corners of the li’s that didn’t have a nested ul (capabilities and contact). The background-red, was to make it easy to see what was getting targeted.

[svoltmer]

Thanks CrocoDillon, I just went with the CSS solution. It was kinda a “duh” moment for me. ;)

[Author]

Posts