javascript - JS，选择一个div的孩子

Question

如果我有

function OnMouseIn (elem) {
            elem.style.display= "block";
        }


<div onmouseover="OnMouseIn (this.XXXXXXX)">
    <div class="classname" style="display:none"></div>
</div>

我必须写什么来代替 XXXXXXX 来选择 div 的子“类名”？（注意：第一个 div 有很多，我只需要选择鼠标刚刚经过的那个。

Answer 1

您不需要 javascript 来执行此操作，只需使用 CSS：

<style type="text/css">
    .classname {
       display: none;
    }

    #parent:hover > div.classname {
       display: block;
    }
</style>

<div id="parent">
    <div class="classname"></div>
</div>

但在javascript中它将是：

function OnMouseIn (elem) {
    elem.getElementsByTagName("DIV")[0].style.display = "block";
}
function OnMouseOut (elem) {
    elem.getElementsByTagName("DIV")[0].style.display = "none";
}


<div onmouseover="OnMouseIn (this);" onmouseout="OnMouseOut (this);">
    <div class="classname" style="display:none"></div>
</div>