javascript - クラスを持つ div の子は、同じクラスがないと onmouseover をトリガーしません

Question

質問:別の div (が onmouseoverのときに
div ( ) を非表示にする必要があります。正しい ID 名を検出するために、次を使用しています: ( ) そのため、要素にクラスを追加しない場合div ( 、そのクラスがないため機能しません。id="TestIdName"class="IdName""TestBoxWindow" + event.target.classnameclass="IdName"

より簡単にする方法はありますか、またはclass="IdName"内のすべての要素に追加する必要がありclass="IdName"ますか?

コード：

HTML

<div class="SomethingElse">
    <div onmouseover="MyFunction(this)" class="IdName">
        <div class="IdName"></div>
        <p class="IdName">Search</p>
    </div>
</div>

<div id="TestIdName"

JavaScriptで

function MyFunction(x) 
    {
       document.getElementById("Test" + event.target.classname).style.display 
           = 'none';
    }

Answer 1

これを試して

<div class="SomethingElse">
    <div onmouseover="MyFunction(this)" class="IdName">
        <div></div>
        <p>Search</p>
    </div>
</div>
<div id="TestIdName"
function MyFunction(x) 
    {
       document.getElementById("Test" + x.className).style.display 
           = 'none';
    }