Cómo cambiar el color de una etiqueta en Javascript

JavaScript es el lenguaje de script del lado del cliente más ampliamente adoptado para la creación de contenido dinámico en páginas web. El uso de JavaScript, los desarrolladores pueden proporcionar una respuesta inmediata a los usuarios, tales que muestra un indicador de error debido a una entrada no válida, sin hacer una llamada lento y caro un servidor web.

Instrucciones

1 Cree la siguiente secuencia de comandos en la parte superior de la página web:

<Script type = "text / javascript">

función setLabelColor (LabelColor) {

var coll = null;

si (document.getElementsByTagName) // W3C DOM

{

coll = document.getElementsByTagName ( "etiqueta");

}

else if (document.all && document.all.tags) // IE4 DOM

{

coll = document.all.tags ( "etiqueta");

}

si (coll && coll.length)

{

for (var i = 0, len = collection.length; i <len; i ++)

{

if ((o = colección [i] .style) && typeof o.color! = indefinido)

{

o.color = LabelColor;

}

}

}}

</ Script>

Si sólo desea etiquetas específicas, podría configurar su ID a un prefijo específico, a continuación, recuperar todas las etiquetas e ignorar los que no tienen el prefijo:

si (etiquetas [i] && etiquetas [i] .style &&

etiquetas [i] .id.indexOf ( 'yourPrefix') == 0)

2 Llamar a la función desde el evento de la página o el control deseado desde dentro del HTML.

por ejemplo, "<botón onclick =" setLabelColor ( 'Red'); "> Haga Red </ botón>

3 Prueba de que las funciones de script como se esperaba en varias versiones de navegadores como Internet Explorer 6-8, Firefox y Chrome.