Forum
Tipps
News
Menu-Icon

Javascript: Auf <label for="name"> zugreifen?

Wie kann ich mit Javascript auf ein bestimmtes <label>-Element, das über 'for="name"' definiert wird, zugreifen? Wenn es eine ID hätte, wäre das ja z.B.

document.getElementById("name")
Aber das Element, auf das ich zugreifen will, hat eben keine ID.

Antworten zu Javascript: Auf <label for="name"> zugreifen?:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
1 Leser hat sich bedankt

Hallo,

das hier hilft dir in deinen Überlegungen bestimmt weiter: ;)


<script type="text/javascript">

function labelverarbeitung(){
   for (var i = 0; i < document.getElementsByTagName('label').length; i++)
        {
                   alert(document.getElementsByTagName('label')[i].innerHTML);
                   alert(document.getElementsByTagName('label')[i].title);
    }
}
</script>

<label for="label1" title="Title Label 1">Hier steht der Text zum Label 1</label> <br />
<label for="label2" title="Title Label 2">Hier steht der Text zum Label 2</label> <br />

<p><input type="button" onClick="labelverarbeitung();return false;" name="JSAufruf" value="Funktion aufrufen"></p>

Du durchläufst einfach alle Elemente mit dem Tag <label> und greift innerhalb der Schleife auf jedes einzelne zu.
Was alles möglich ist, kannst du in der Doku nachlesen, bspw. hier:
http://www.java2s.com/Code/HTMLCSSReference/HTML-Tag-Reference/labelJavaScriptProperties.htm

Gruß
Mario 8)

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Der Code gibt mir aber den Titel aus und nicht das, was bei for="" steht.

Was alles möglich ist, kannst du in der Doku nachlesen, bspw. hier:
http://www.java2s.com/Code/HTMLCSSReference/HTML-Tag-Reference/labelJavaScriptProperties.htm
Da hab ich auch nichts dazu gefunden.

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button
1 Leser hat sich bedankt

Hallo,

aber bittesehr, ich habe dir doch gern den Ansatz geliefert, hab' dazu auch nur meine Arbeitszeit geopfert und die Minuten hinten ran gehangen... Dank erwartet man heutzutage natürlich keinen mehr! ::)

So, pass auf: Ich weiß das auch nicht auswendig und muss nachgucken. Also geht man eben mal etwas mit Überlegung ran. Auf das LABEL kannst du jetzt zugreifen, nun ist die Anforderung auf den Wert der im FOR Attribut steht zuzugreifen. Nun ist mein Ansatz ganz einfach mal: Ich rufe den Link, den ich dir oben gegeben habe nocheinmal auf und suche in den Properties nach dem Wort "FOR" - vielleicht findet sich ja was!
Und du glaubst es kaum... da hätten wir
form - denke, denke, denke... mmh, nö. Ist es bestimmt nicht.
Als nächstes kommt dann
dataFormatAs - kurz überlegt... nee, kann eigentlich auch nicht sein.
Finally kommt als Ergebnis
htmlFor - tja, könnte zumindest eher zutreffen als die anderen beiden Suchergebnisse. Probieren wir es also aus, oder! ;)

Und siehe da...

<label for="label1" title="Title Label 1">Hier steht der Text zum Label 1</label>

...

alert(document.getElementsByTagName('label')[i].htmlFor)

...ergibt tatsächlich:
label1
Die Lösung zu finden dauerte kürzer, als dir die Antwort hier zu schreiben und hat zudem mein Großhirn nur mäßig beansprucht, da das meiste nur Try&Error war.

Einen schönen Fußballabend!

Gruß,
Mario

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Vielen Dank! Ich hab das, was du da oben geschrieben hast, schon ausprobiert, aber ich hab es mit "HTMLfor" statt mit "htmlFor" probiert. Tut mir Leid.


« mozilla nvu und stratoPhP 7 Panel »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Wiederherstellungspunkt
Siehe Systemwiederherstellung. ...

Javascript
JavaScript ist eine weit verbreitete Skriptsprache, die ursprünglich von Netscape für das DOM-Scripting für Webseiten entwickelt wurde. Sie hat sich seitde...

Quellcode
Ein Quellcode, auch als Quelltext bekannt, bezeichnet den unkompilierten Programm-Code einer Software. Quell- oder Programm-Code ist der auch für Menschen lesbare Co...