Die id eines Elementes in eine Variable schreiben

Juerg

Hallo Leute,

ich möchte, dass beim Klicken auf ein Element, z.Bsp. auf einen Paragraphen, dessen "id" in eine Variable geschrieben wird.

Ich habe folgendes versucht:

<html>

<p id="test1" onclick="schreibId()"> HierClicken</p>

<p id="test2" onclick="schreibId()"> HierClicken</p>

function schreibId()

{

var x = document.getElementById(this).getAttribute("id");

document.writeln(x);

}

</script>

</html>

Das klappt aber offensichtlich nicht, x sollte den Wert "test1" oder "test2" erhalten.

Kann jemand helfen?

Jürg

Sempervivum

1. "this" ist nicht verfügbar, bzw. es ist das window-Element, wenn Du den Eventlistener inline notierst. Du musst es als Parameter übergeben:

Code

onclick="schreibId(this);"

2. Wenn Du es so machst, ist this bereits ein DOM-Element und Du brauchst es nicht mehr mit getElementById zu ermitteln.

3. Verabschiede dich von document.write, es ist schwierig zu durchschauen. Definiere statt dessen eine Container und schreibe den Wert hinein.

So funktioniert es:

Code

    <p id="test1" onclick="schreibId(this)"> HierClicken</p>
    <p id="test2" onclick="schreibId(this)"> HierClicken</p>
    <p id="output"></p>
    <script>
        function schreibId(ele) {
            var x = ele.id;
            output.innerHTML = x;
        }
    </script>

Juerg

Vielen Dank, Sempervivum, das ist genau das Richtige!

ich bin gerade am Erlernen von Javascript.

Jürg

Die id eines Elementes in eine Variable schreiben

Jetzt mitmachen!

Tags