hola necesito ayuda con un problema que tengo, estaba buscando la forma de obtener el contenedor principal al usar el evento "onmouseover", para poder agregarle una clase al posicionar el mouse.
El tema surge que cuando hago el posicionamiento, en vez de tomarme el contenedor principal que es el div, me toma los elementos hijos que se encuentran adentro.
Quise usar "parentNode" pero algunos elementos estan dentro de otros div.
<div onClick={enfocar} className='contenedor'>
<img src={imagenes.apex} alt="" />
<div className='tarjeta-cuerpo'>
<div>
<button aria-label='btn-play'>Play</button>
<span className='card-reproducir'> Reproducir </span>
<button aria-label='btn-agregar'>Agregar</button>
<button aria-label='btn-mas'>Mas</button>
</div>
<div>
<span className='card-titulo'> Titulo </span>
<span className='card-ano'> Año </span>
<span className='card-duracion'> 00:00:00 </span>
<span className='card-edad'> +18 </span>
</div>
<div>
<p className='card-desc'>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Sed, suscipit.</p>
</div>
</div>
</div>
y lo siguiente seria la funcion que estaba tratando de obtener el valor
const enfocar = (e) =>{
console.log(e.target);
}