Есть такое меню
<ul id="menu">
<li><a href="#">Милан</a>
<ul class="submenu">
<li><a href="#">Пато</a></li>
<li><a href="#">Пирло</a></li>
<li><a href="#">Ибрагимович</a></li>
</ul>
</li>
<li><a href="#">Арсенал</a>
<ul>
<li><a href="#">Фабрегас</a></li>
<li><a href="#">Уолкот</a></li>
<li><a href="#">Росицки</a></li>
<li><a href="#">Фабиански</a></li>
</ul>
</li>
</ul>
как из него выбрать только li элементы первого уровня, если использовать getElementsByTagName('li') выбирает все, а мне нужны только два li <li>..Милан..</li> и <li>..Арсенал..</li>.
А если через childNodes набирает лишние
Код можно не писать, просто помочь морально - идеей.