Afficher/masquer div onmouseover/onmouseout Javascript

Question

J'ai un lien hypertexte sur ma page. Je veux montrer une div quand je souris sur le lien hypertexte, et le cacher quand je souris.

Mon html:

<a onmouseover="showDiv(this)" onmouseout="hideDiv(this)"> 
    <img> 
    <div class="inner-block"> 
     Content 
    </div> 
</a> 

Javascript:

function showDiv(elem) { 
    elem.getElementsByTagName("div").style.visibility="visible"; 
} 

function hideDiv(elem) { 
    elem.getElementsByClassName("inner-block2").style.visibility="hidden"; 
} 

et CSS:

.inner-block { 
    visibility: hidden 
} 

J'ai essayé getElementsByTagName, getElementsByClassName, tout ce que j'essaie je reçois

Uncaught TypeError: Cannot set property 'visibility' of undefined 

Answer 1

essayez ceci:

function showDiv(elem) { 
    elem.getElementsByTagName("div")[0].style.visibility="visible"; 
} 

function hideDiv(elem) { 
    elem.getElementsByTagName("div")[0].style.visibility = "hidden" 
} 

depuis getElementsByClassName ("intérieur-block2") retournera NodeList