Есть вложенный список. Задача поменять иконки в списке на + если в нем есть подпункты и на т "." если там нет подпунктов.Проблема в том что оно делает только кусок списка так как я хочу: напротив Книги,Отечественные стоит +, Детективы и Научная фантастика стоит точка а вот напротив Исторические стоит + , на всех остальных стоит точка. Что сделал не так?
Сам список:
<ul class="expandable">
<li>
<a href="#">Книги</a>
<ul class="expandable">
<li>
<a href="#">Отечественные</a>
<ul class="expandable1">
<li><a href="#">Детективы</a></li>
<li><a href="#">Научная фантастика</a></li>
<li><a href="#">Исторические</a></li>
</ul>
</li>
<li>
<a href="#">Зарубежные</a>
<ul class="expandable1">
<li><a href="#">Детективы</a></li>
<li><a href="#">Научная фантастика</a></li>
<li><a href="#">Исторические</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#">DVD</a>
<ul class="expandable">
<li>
<a href="#">Отечественные</a>
<ul class="expandable1">
<li><a href="#">Детективы</a></li>
<li><a href="#">Научная фантастика</a></li>
<li><a href="#">Исторические</a></li>
</ul>
</li>
<li>
<a href="#">Зарубежные</a>
<ul class="expandable1">
<li><a href="#">Детективы</a></li>
<li><a href="#">Научная фантастика</a></li>
<li><a href="#">Исторические</a></li>
</ul>
</li>
</ul>
</li>
</ul>
А фот функция
window.onload=setPlusIcon;
function setPlusIcon(){
allLI = document.getElementsByTagName("LI");
for(var i =0;i<allLI.length;i++){
li =allLI[i];
var allUL = document.getElementsByTagName("UL");
if(allUL.length>0){
if(allUL[i].className == 'expandable')
li.style.listStyleImage = 'url("../../images/plus.gif")';
else if (allUL[i].className == 'expandable1')
li.style.listStyleImage = 'url("../../images/point.gif")';
}
}
}