Дети в div с классом не запускают onmouseover без того же класса

Question

Вопрос: я хочу, чтобы скрыть div (id="TestIdName") когда другой div (class="IdName" наверху Чтобы определить правильное имя, я использую: ("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';
    }