div中带有类的子节点在没有相同类的情况下不会触发onmouseover

Question

问题： 我希望在另一个div（id="TestIdName" onmouseover时隐藏div（class="IdName"）。 要检测正确的id名称，我正在使用：（"TestBoxWindow" + event.target.classname） 因此，当我不将类添加到div中的元素（class="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';
    }