Assign a classname to <li> only if it has child

[TheJoshMan]

I was wondering if this is possible with js?

Say you've got several nested <ul> elements, and you'd like to use a small bit of js to assign the "parent" <li>'s a special classname...



<ul>
<li>Child</li>
<li>Child</li>
<li>Parent
<ul>
<li>Grandchild</li>
<li>Grandchild</li>
</ul>
</li>
<li>Child</li>
</ul>


So how could you go about getting js to autmatically assign the special classname to the "Parent" <li> shown above?

[codeexploiter]

The following function should be able to do this,


function addClassToLis() {
var uls = document.body.getElementsByTagName('ul');
for (var i = 0; i < uls.length; ++i) {
var lis = uls[i].getElementsByTagName('li');
for (var j = 0; j < lis.length; ++j) {
var chuls = lis[j].getElementsByTagName('ul');
if (chuls.length > 0) {
lis[j].className = "parent";
}
}
}
}

Hope this helps.

[TheJoshMan]

perfect! Thank you very much!