Hvordan endre fargen på en etikett i Javascript

Javascript er den mest utbredte klientsiden skriptspråk for å lage dynamisk innhold på nettsider. Ved hjelp av Javascript, kan utviklere gi umiddelbar tilbakemelding til brukere, for eksempel viser en feilindikator på grunn av ugyldige inndata, uten å gjøre en langsom og kostbar samtale en webserver.

Bruksanvisning

1 Opprett følgende skript øverst på websiden:

<Script type = "text / javascript">

funksjon setLabelColor (labelColor) {

var coll = null;

if (document.getElementsByTagName) // W3C DOM

{

coll = document.getElementsByTagName ( "label");

}

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

{

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

}

if (coll && coll.length)

{

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

{

if ((o = collection [i] .style) && typeof o.color! = udefinert)

{

o.color = labelColor;

}

}

}}

</ Script>

Hvis du bare vil bruke bestemte etiketter, kan du sette deres ID til en bestemt prefiks, deretter hente alle etiketter og ignorere de uten prefikset:

if (etiketter [i] && etiketter [i] .style &&

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

2 Ring funksjonen fra ønsket side eller kontroll hendelse fra i HTML.

for eksempel "<-knappen onclick =" setLabelColor ( 'Red'); "> Gjør Red </ knapp>

3 Test at skriptet fungerer som forventet i flere versjoner av nettlesere som Internet Explorer 6-8, Firefox og Chrome.