javascript - 具有类的 div 中的子项不会在没有相同类的情况下触发 onmouseover

Question

问题：
我希望id="TestIdName"在另一个 div（在鼠标悬停时隐藏一个 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';
    }