Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > childnode в функции

Автор: ISaidNo 5.10.2008, 11:19

Ребята, помогите мне, пожалуйста!
Html вот такой:

Код


<a>Пункт меню<img></a>

Img по умолчанию имеет display: none;

Скрипт должен по наведению мыши показывать img, по убиранию мыши его скрывать.

НА данный момент скрипт по убиранию мыши скрывает саму A. Как добраться до IMG???? Перепробовал около 50 разных вариантов, уже всю голову сломал. Помогите, пожалуйста!

Код


if (document.all&&document.getElementById) 
     { 
     navRoot = document.getElementById("menu").getElementsByTagName("a");
     for (i=0; i<navRoot.length; i++) 
        {
        node = document.getElementById("menu").getElementsByTagName("a")[i];
        node.onmouseover=function() 
            {
             this.style.display="block";        
            }
 
        node.onmouseout=function() 
            { 
            this.style.display="none";              
            }
         }
     }

Автор: ISaidNo 5.10.2008, 12:16

правильнывй ответ

var navRoot = document.getElementById("menu").getElementsByTagName("a");
for(var i=0,l=navRoot.length;i<l;i++){
navRoot[i].onmouseover=function(){this.lastChild.style.display="block"}
navRoot[i].onmouseout=function(){this.lastChild.style.display="none"}
}