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.