Cómo cambiar el color de texto en JavaScript (En 5 Pasos)

Por lysis
Cómo cambiar el color de texto en JavaScript (En 5 Pasos)
Hemera Technologies/PhotoObjects.net/Getty Images

El cambiar el color del texto en una página web da a los usuarios una experiencia interactiva inesperada y es uno de los modos más efectivos para impactar el diseño de las páginas web. Un usuario puede cambiar los colores del texto usando JavaScript y ajustes de estilo empleando una de las muchas técnicas en el código HTML.

Paso 1

Crea elementos HTML que contengan texto. Este ejemplo muestra cómo crear tres etiquetas que pueden usar funciones JavaScript creadas en los siguientes pasos:

Change the color of the Div (cambia el color del Div)

Change this paragraph text color. (Cambia el color de texto de este párrafo). Change the span tag color

Paso 2

Crea la función para la etiqueta div. La siguiente función JavaScript toma la etiqueta div creada en el paso 1 y cambia el color a rojo: function divColorChange() {document.getElementById('myDiv').style.color = '#FF0000';}

Paso 3

Cambia el color de la etiqueta del párrafo. La siguiente función JavaScript cambia el color del texto del elemento del párrafo creada en el paso 1 a blanco: function paraColorChange() {document.getElementById('myParagraph').style.color = '#000000';}

Paso 4

Cambia el color de la etiqueta de expansión. Finalmente cambia la etiqueta de texto a negro con el siguiente código: {document.getElementById('mySpan').style.color = '#FFFFFF';}

Paso 5

Crea botones para pedir funciones de JavaScript. Las funciones son creadas pero nada ocurre hasta que las pidas en el código HTML. El siguiente código crea botones. Cuando un usuario hace clic en uno de los botones, la función correspondiente de JavaScript se llama: