✔ Label Style ändern

[qsrs]

Hallo,

ich habe ein JS, mit dem ich eine Checkbox aktiviere/deaktiviere, wenn eine andere Checkbox angeklickt wird.

document.getElementById("form1").checkbox1.disabled = true;
document.getElementById("form1").label1.style.color = '#999;

Die Checkbox steht in einem <label> tag, da sie beschriftet ist. Jetzt möchte ich, dass die Beschriftung die Farbe ändert, damit sie ebenfalls grau wird. Die Zeile document.getElementById("form1").label1.style.color = '#999; funktioniert jedoch nicht und ein JS-Fehler wird gemeldet, dass label1 0 oder kein Objekt ist.

Mein label-Tag sieht so aus:

<label id="label1">
<input name="checkbox1" type="checkbox" id="checkbox1" value="true" />Meine Beschriftung</label>

Ich habe es statt mit "id" auch schon mit "for" oder "accesskey" versucht. Was mache ich falsch?

 

[Bullja]

Hi, versuchs mal damit:

var label = document.getElementById("form1").getElementById("label1");
label.style.color = "#999";

Viele Grüße

 

[Quaese]

Hi,

nachdem eine ID innerhalb eines Dokument eindeutig eindeutig sein muss, sollte folgendes ausreichen:

document.getElementById("label1").style.color = "#999";

@Bullja - die Methode getElementById ist an das document-Objekt gebunden, nicht an Knoten. Aus diesem Grund wird deine Variante, getElementById als Methode des Formulars aufzurufen, nicht funktionieren.

Ciao
Quaese

 

[qsrs]

document.getElementById("label1").style.color = "#999";

Klasse, vielen Dank. Das hat funktioniert.