JavaScript - Ayuda. No sé cómo obtener el atributo COLOR de un párrafo

 
Vista:
sin imagen de perfil
Val: 3
Ha aumentado su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda. No sé cómo obtener el atributo COLOR de un párrafo

Publicado por Toni (2 intervenciones) el 16/12/2018 09:46:31
Tengo un párrafo <p> del que quiero obtener el color (/rojo) y símplemente mostrarlo como mensaje al pulsar un botón. En "style" lo he definido como "red".

En HTML tengo:
1
2
3
4
5
<style>
    p{
        color: red;
    }
</style>

1
2
<p id="contenido">Esto es un párrafo</p>
<input type="button" id="cambiaColor" value="Pulsa para cambiar" onclick="verColor()">

En la función en JS tengo:
1
2
3
4
5
6
<script type="text/javascript">
  function verColor(){
        var parrafo = document.getElementById("contenido");
        alert(parrafo.style.color);
    }
</script>
Esto me debería mostrar una alerta con el texto "red", pero no me muestra nada (la alerta símplemente en blanco). Qué estoy haciendo mal?
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
Imágen de perfil de xve
Val: 2.998
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda. No sé cómo obtener el atributo COLOR de un párrafo

Publicado por xve (2096 intervenciones) el 16/12/2018 10:03:38
Hola Toni, para obtener el valor como tu indicas, tienes que definir el estilo con style="..."

Para obtenerlo como de la definicion de un estilo, es un tanto mas complicado... revisa este mensaje...
https://stackoverflow.com/questions/4172871/javascript-get-styles
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
sin imagen de perfil
Val: 3
Ha aumentado su posición en 2 puestos en JavaScript (en relación al último mes)
Gráfica de JavaScript

Ayuda. No sé cómo obtener el atributo COLOR de un párrafo

Publicado por Toni (2 intervenciones) el 16/12/2018 11:55:13
Gracias xve.

Es un poco más complicado, cierto, pero me ha sido de mucha ayuda.
Gracias!!
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