-2

私が持っている場合

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


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

divの子「classname」を選択するには、XXXXXXXの代わりに何を書き込む必要がありますか？（注：最初のdivはたくさんあり、マウスがちょうど乗り越えたものだけを選択する必要があります。

4

1 に答える 1

2

これを行うのに 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>
于 2013-01-03T20:45:52.697 に答える