Con this te vale.
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.
2 - Si solo vas a cambiar estilos, usa CSS.
Saludos
Código (html5) [Seleccionar]
<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.
Código (javascript) [Seleccionar]
const elements = document.querySelectorAll('.hover-background');
elements.forEach(function(item) {
item.addEventListener('mouseover', function(event) {
this.style.background = 'orange';
});
});
Código (html5) [Seleccionar]
<h6 class="hover-background">Prueba de concepto</h6>
2 - Si solo vas a cambiar estilos, usa CSS.
Código (css) [Seleccionar]
.hover-background:hover {
background: orange;
}
Código (html5) [Seleccionar]
<h6 class="hover-background">Prueba de concepto</h6>
Saludos