Estoy tratando de usar dentro de un elemento html
<h6></h6>
esto
<h6 onmouseover="console.log(this.element);">texto</h6>
quiero que me envíe por consola este elemento, nose cual es la palabra correcta... nodo creo que es no estoy muy seguro...
probe con this pero tampoco me sirve...
para que después dicho parametro se pueda editar, this.style.background = 'orange';
Con this te vale.
<h6 onmouseover='this.style.background = "orange"'>
Prueba de concepto
</h6>
Dicho esto, 2 cosas que te recomendaria.
1 - Usa javascript no obstructivo.
https://es.wikipedia.org/wiki/JavaScript_no_obstructivo
Mucho mejor bindear el evento con puro javascript y evitar problemas de scope.
const elements = document.querySelectorAll('.hover-background');
elements.forEach(function(item) {
item.addEventListener('mouseover', function(event) {
this.style.background = 'orange';
});
});
<h6 class="hover-background">Prueba de concepto</h6>
2 - Si solo vas a cambiar estilos, usa CSS.
.hover-background:hover {
background: orange;
}
<h6 class="hover-background">Prueba de concepto</h6>
Saludos