Iniciar sesiónCerrar
Correo:
Contraseña:
Entrar
Recordar sesión en este navegador
Iniciar sesiónIniciar sesiónCrear cuentaCrear cuenta
LWP » Foros » JavaScript » Problema para hacer que funcione el href y el evento onmouseover a la vez

JavaScript - Problema para hacer que funcione el href y el evento onmouseover a la vez

Volver
Nuevo Tema
<<>>
 
Vista:
sin imagen de perfil

Problema para hacer que funcione el href y el evento onmouseover a la vez

Publicado por Marianela (2 intervenciones) el 25/02/2023 01:36:08
Hola, tengo un elemento <a> con un vinculo a la misma página, el href funciona pero cuando le quiero agregar un evento con JavaScript no funciona, y si el elemento <a> lo convierto a elemento <p> me funciona el JavaScript pero no el href....

VERSIÓN 1 (funciona onmouseover pero no el href)

html
1
<p id="menu1" class="menus" href="#sobremi">SOBRE MI</p>

javascript
1
2
3
document.getElementById('menu1').onmouseover = function () {
    document.getElementById('menu1').style.color ="#e6e6e6"
}

VERSIÓN 2 (funciona href pero no onmouseover)

html
1
<a id="menu1" class="menus" href="#sobremi">SOBRE MI</a>

javascript
1
2
3
document.getElementById('menu1').onmouseover = function () {
    document.getElementById('menu1').style.color ="#e6e6e6"
}
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil

Problema para hacer que funcione el href y el evento onmouseover a la vez

Publicado por antonio (16 intervenciones) el 26/02/2023 10:20:44
Si solo vas a cambiar el color de fondo es mejor utilizar el atributo hover del css con la clase que le estas otorgando:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE HTML>
<html>
 
<style>
    .menus:hover{
 
       color: #e6e6e6;
    }
</style>
<body>
<a id="menu1" class="menus" href="#sobremi">SOBRE MI</a>
 
</body>
</html>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Problema para hacer que funcione el href y el evento onmouseover a la vez

Publicado por ScriptShow (692 intervenciones) el 26/02/2023 23:31:20
Saludos,

una revisión posible, adaptable:

1
2
3
4
5
6
7
<a id="menu1" class="menus" href="#sobremi">SOBRE MI</a>
 
<script>
document.getElementById('menu1').onmouseover=function() {
document.getElementById('menu1').style.color="#e6e6e6";
}
</script>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar