Come modificare il colore di un'etichetta in Javascript

May 9

JavaScript è il linguaggio di scripting lato client più utilizzato per la creazione di contenuto dinamico delle pagine web. Utilizzando JavaScript, gli sviluppatori possono fornire un feedback immediato per gli utenti, come ad esempio la visualizzazione di un indicatore di errore a causa di input non valido, senza fare un lento e costoso chiamata un server web.

istruzione

1 Creare il seguente script nella parte superiore della pagina web:

<Script type = "text / javascript">

Funzione setLabelColor (LabelColor) {

var coll = null;

if (document.getElementsByTagName) // W3C DOM

{

Coll = document.getElementsByTagName ( "etichetta");

}

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

{

Coll = document.all.tags ( "etichetta");

}

if (Coll && coll.length)

{

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

{

if ((o = raccolta [i] .style) && typeof o.color! = undefined)

{

o.color = LabelColor;

}

}

}}

</ Script>

Se si desidera solo etichette specifiche, è possibile impostare il loro ID di uno specifico prefisso, quindi recuperare tutte le etichette e ignorare quelli senza il prefisso:

se (etichette [i] && etichette [i] && .style

etichette [i] .id.indexOf ( 'yourprefix') == 0)

2 Chiamare la funzione dalla pagina o il controllo evento desiderato all'interno del codice HTML.

ad esempio, "<button onclick =" setLabelColor ( 'Red'); "> Fai rosso </ button>

3 Verificare che le funzioni di script come previsto in più versioni di browser come Internet Explorer 6-8, Firefox e Chrome.