Форум Сайтостроение Веб-строительство

Выпадающе меню. Не могу в яваскрипте переопределить стили

N
На сайте с 14.06.2004
Offline
107
Nicca
519

Стили меню: 


#hor_menu	{	height:30px; background:#339900; padding:0px; margin-top:0px; padding-left:2px; font-family: Tahoma;	}

#hor_menu ul { margin: 0; padding: 0; list-style: none; }

#hor_menu li { display:inline; margin:0px 2px 0px 2px;  }

#hor_menu a {  font-family:Tahoma; float:left; background:url("2/images/menu_l.gif") no-repeat left bottom; padding:10px 0px 0px 2px; margin-right:2px; text-decoration:none; cursor:pointer; }



#hor_menu a span { font-family:Tahoma;  float:left; display:block; height:13px; background:url("2/images/menu_r.gif") no-repeat right top; padding: 2px 8px 5px 6px; padding: 2px 6px 5px 4px !ie;  color:#FFF; font-weight:bold   }



<div id="hor_menu">

  <ul id="mainItems">

    <li><a href="{$SITE_URL}/" class="mainInactive"><span>Главная</span></a></li>

    <li><a href="{$SITE_URL}/news/" class="mainInactive"><span>Новости</span></a></li>

    <li><a href="" class="mainInactive" ><span>Каталог</span></a></li>

  </ul>

</div>
В яваскрипте меняю стили для ссылки:

mItems[this.w].getElementsByTagName('a').style.background="url(2/images/menu_l_h.gif) no-repeat left bottom";

Как переопределить стиль для <span> который внутри ссылки <a>

Пробовал так: 


mItems[this.w].getElementsByTagName('span').style.background="url(2/images/menu_r_h.gif) no-repeat left bottom";

Но что-то не получается..

DI
На сайте с 03.01.2007
Offline
123
DenIT
#1
Nicca:
mItems[this.w]

Это вообще что?

Nicca:
getElementsByTagName('a')

getElementsByTagName возвращает массив, соответственно, по нему нужно пройтись циклом, а не присваивать массиву стиль background

Высказывание идиотского утверждения требует на порядок меньше усилий, чем его последовательное и обоснованное опровержение и более того, иногда это опровержение вообще невозможно. © (http://zhurnal.lib.ru/s/shapiro_m_a/raspidiota.shtml)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий