ubiquitour.com

Cómo cambiar Color de texto en JavaScript

Cambiar color del texto en una página web ofrece a los usuarios una experiencia interactiva, inesperada y es una de las formas más eficaces de diseño de la página web de impacto. Un usuario puede cambiar los colores de texto utilizando la configuración de estilo y JavaScript, usando una de varias técnicas en el código HTML.

Instrucciones

1 Crear elementos HTML que contienen texto. Este ejemplo muestra cómo crear tres etiquetas que pueden utilizar las funciones de JavaScript, creadas en los pasos siguientes:< div id = \ "myDiv\" >Cambiar el color de la Div< id p = \ "myParagraph\" >

Change this paragraph text color. &lt;span id=\&quot;mySpan\&quot;>Change the span tag color &lt;/span> &lt;/p>

< / div >

2 Crear la función para la etiqueta div. La siguiente función JavaScript agarra la etiqueta div creada en el paso 1 y cambia su color a rojo:función divColorChange(){

document.getElementById('myDiv').style.color = '#FF0000'

IR}

3 Cambiar el color de la etiqueta de párrafo. La siguiente función JavaScript cambia el color del texto de elemento de párrafo creado en el paso 1 para blanco:función paraColorChange(){

document.getElementById('myParagraph').style.color = '#000000'

IR}

4 Cambiar el color de la etiqueta span. Por último, cambiar el texto de la etiqueta span a negro con el siguiente código:función spanColorChange(){

document.getElementById('mySpan').style.color = '#FFFFFF'

IR}

5 Crear botones para llamar a las funciones de JavaScript. Las funciones se crean, pero no pasa nada hasta que se les llaman en el código HTML. El código siguiente crea botones. Cuando un usuario hace clic en uno de los botones, la función de JavaScript correspondiente se llama:< tipo de entrada = \ "button\" valor = \ "Div Color\" onclick = \ "divColorChange () \" / >< tipo de entrada = \ "button\" valor = \ "Párrafo de Color\" onclick = \ "paraColorChange () \" / >< tipo de entrada = \ "button\" valor = \ "Luz Color\" onclick = \ "spanColorChange () \" / >