knorrigt.com

Home > Ordenadores > Cómo cambiar el color del texto en JavaScript

Cómo cambiar el color del texto en JavaScript

Advertisement

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

Instrucciones

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

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

</ Div>

Cree la función de la etiqueta div. La siguiente función JavaScript agarra la etiqueta div creado en el paso 1 y cambia su color a rojo:
función divColorChange ()
{

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

IR
}

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

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

IR
}

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

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

IR
}

Crear botones para llamar a las funciones de JavaScript. Las funciones se crean, pero no pasa nada hasta que usted los llama en el código HTML. El siguiente código crea botones. Cuando un usuario hace clic en uno de los botones, la función de JavaScript correspondiente se llama:
<Input type = \ value "botón de \" = \ "Div color \" onclick = \ "divColorChange () \" />
<Input type = \ value "botón de \" = \ "Párrafo color \" onclick = \ "paraColorChange () \" />
<Input type = \ value "botón de \" = \ "Span color \" onclick = \ "spanColorChange () \" />

Cómo cambiar el color del texto con CSS. CSS (hojas de estilo en cascada) permite añadir estilo, como los colores del texto, colores de fondo, fuentes y formatos. Si usted puede comprender HTML, se puede recoger CSS con bastante rapidez, también. Vam
Cómo cambiar el color del texto en Tumblr
Las opciones disponibles para cambiar el aspecto de tu blog Tumblr son fijados por el tema que utilice. Muchos temas tienen opciones de personalización, lo que le permite elegir un nuevo color del texto a partir de una paleta emergente a cabo; si est
Cómo cambiar el color del texto de las etiquetas en VB6.0
etiquetas de Visual Basic ayudan con la navegación de las aplicaciones de escritorio. Visual Basic 6.0 es una lengua más antigua utilizada para crear el software de Windows. Las etiquetas se colocan junto a cuadros de texto, desplegable cajas u otros
método "DrawItem" de Visual Basic le permite crear controles imaginativas. El control ListBox, por ejemplo, muestra elementos de una lista; Sin embargo, sólo se puede cambiar el color del texto de cada elemento en el control. Para crear un cuadr
Cómo cambiar el color del texto en Adobe Photoshop
En Photoshop, el color del texto se considera un atributo de carácter, al igual que el estilo de fuente y tamaño de fuente. Esto significa que el color del texto se establece independientemente de cualquier otro color, al igual que el color de primer
Adobe Illustrator permite a los usuarios de todos los niveles para crear gráficos vectoriales dinámicos para páginas web, impresión y otros proyectos multimedia. Herramienta de texto del programa le permite añadir letras a su arte del vector en diver
Cómo cambiar el color del texto de Twitter
Twitter ofrece muchas maneras para que usted pueda personalizar la página principal de Twitter. Puede añadir imágenes de fondo, el cambio de color de fondo, cambiar los colores de la barra lateral y cambiar el color del texto. Twitter utiliza una bar
Cómo cambiar el color del texto de un blog
Cambiar el color del texto de un blog seleccionando la sección "Fuentes y colores" de la configuración de "Diseño" del blog y elegir la opción de color deseado; bloggers pueden previsualizar los colores antes de seleccionarlas, pero as
Cambiar el color del texto en sus Adobe PageMaker 6.0 y 6.5 documentos para formar palabras específicas se destacan. Asegúrese de que su dispositivo de salida puede imprimir en color! Cosas que necesitará PageMaker 6.5 (Mac OS) PageMaker 6.5 (Windows
Cambiar el color del texto en una entrada de MediaWiki puede resaltar texto importante y que lo distinguen del resto del texto en la pantalla. Se puede utilizar la codificación de MediaWiki para hacer esto en una de tres maneras: Al cambiar el color
Hacer sus carteles, volantes y folletos más interesante y llamativo, cambiando el color de varios cuadros de texto en Adobe InDesign CC. Puede cambiar el color de las letras individuales, palabras específicas o de todo el texto en el cuadro de texto.
Cómo cambiar el color del texto en un archivo PDF
Con el fin de hacer cambios al texto en un archivo portátil existente Document Format (PDF), debe tener el software de creación de PDF, Adobe Acrobat. contraparte gratuita de Acrobat, Adobe Reader, no tiene capacidades de edición de PDF. Incluso si l
Microsoft Word es un software de procesamiento de textos ampliamente utilizado para la creación, edición e impresión de documentos. Microsoft Word no es un programa independiente, sino un componente de la suite Microsoft Office. La última versión de
Al crear una presentación en Microsoft PowerPoint, es posible que desee cambiar el color de un hipervínculo. Aunque el proceso puede parecer desafiante y difícil, en realidad es bastante sencillo y se puede completar en sólo unos pocos clics del rató
Cómo cambiar el color del texto en Acrobat
A pesar de la opinión popular, los documentos PDF se pueden editar. Puede modificar el texto en formato PDF con una copia de Adobe Acrobat 7 o posterior. Asegúrese de que conoce los pasos correctos a tomar para que pueda cambiar el color de la fuente
De vez en cuando, una historia de correo electrónico o las noticias sucede a lo que nos lleva a ser impreso. Sin embargo, muchos de estos hacia delante o artículos no están escritos en una fuente de color para imprimir. Usted puede cambiar el color d
Traductor Google se pueden incrustar en un sitio web como una herramienta de traducción en línea. Si lo hace, permite a los mantenedores sitio web para utilizar el servicio para proporcionar una traducción automática de su contenido en diferentes idi
los problemas de almacenamiento de correo electrónico y el mantenimiento de registros de base a veces hacen que sea necesario para imprimir un correo electrónico y mantener una copia impresa de la misma. Sin embargo, no todo el correo se envía con ti
Para agregar contraste o la unidad a un documento, puede cambiar la fuente del texto y el tamaño en Adobe InDesign. Si lo desea, el cuerpo de su texto sea un tipo de letra y tamaño, pero cambia pies de foto o tirar de las cotizaciones a otra familia