Cambio de color del texto en una página web ofrece a los usuarios una experiencia inesperada interactiva, y es una de las maneras más eficaces para influir el diseño de la página web. Un usuario puede cambiar los colores de texto con JavaScript y ajustes de estilo , utilizando una de las 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 creados en los siguientes pasos :
Cambiar el color de la Div.
Cambiar este texto el párrafo color. Cambiar el color de etiqueta span < /span > < /p> < /div > 2
Crear la función para la etiqueta div . La función de JavaScript siguiente se agarra la etiqueta div creado en el paso 1 y cambia su color a rojo : divColorChange function () { . Document.getElementById ( ' myDiv ' ) style.color = '# FF0000 ';}
3
Cambiar el color de la etiqueta de párrafo . La función de JavaScript siguiente se cambia el color del texto de elemento de párrafo creado en el paso 1 a blanco : paraColorChange function () ; 4 { document.getElementById ( ' myParagraph ' ) style.color = " # 000000 " . }
Cambiar el color de la etiqueta span . Finalmente , cambie el texto etiqueta span con negro con el siguiente código : spanColorChange function () ; 5
Cree botones { document.getElementById ( ' mySpan ' ) style.color = " # FFFFFF " . } para llamar a las funciones de JavaScript . Las funciones se crean , pero no pasa nada hasta que en el código HTML llame. El siguiente código crea botones. Cuando un usuario hace clic en uno de los botones , la función JavaScript correspondiente se llama : type="button" value="Div color" onclick="divColorChange()" /> < br >
