Nwlapcug.com


Come modificare il colore di un'etichetta in Javascript

JavaScript è il più ampiamente adottato il linguaggio di scripting lato client per la creazione di contenuti dinamici nelle pagine web. Utilizzando JavaScript, gli sviluppatori possono fornire un feedback immediato per gli utenti, tale visualizzazione di un indicatore di errore a causa di input non valido, senza effettuare una chiamata di lenta e costosa un server web.

Istruzioni

1

Creare il seguente script nella parte superiore della pagina Web:

< script type = "text/javascript" >

Function setLabelColor(labelColor) () {

var coll = null;

Se (Document. GetElementsByTagName) / / W3C DOM

{

Coll = document.getElementsByTagName("label");

}

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

{

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

}

Se (coll & & coll.length)

{

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

{

Se ((o = collection[i].style) & & typeof o.color! = non definito)

{

o.Color = labelColor;

}

}

} }

< / script >

Se si desidera solo etichette specifiche, si potrebbe impostare loro ID a un prefisso specifico, quindi recuperare tutte le etichette e ignorare quelli senza il prefisso:

Se (etichette [i] & & etichette [i]. Style & &

Labels[i].ID.IndexOf('yourPrefix') = = 0)

2

Chiamare la funzione dall'evento desiderato di pagina o un controllo dall'interno il codice HTML.

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

3

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