顯示/隱藏div onmouseover / onmouseout Javascript

Question

我的頁面上有一個超鏈接。 當我將鼠標懸停在超鏈接上時，我想顯示一個div，當我將鼠標懸停時，將其隱藏。

我的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";
}

和CSS：

.inner-block {
    visibility: hidden
}

我已經嘗試過getElementsByTagName，getElementsByClassName，無論我嘗試得到什么

Uncaught TypeError: Cannot set property 'visibility' of undefined

Answer 1

嘗試這個 ：

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

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

因為getElementsByClassName（“ inner-block2”）將返回NodeList