JS+Variable bei getElement...

sallyssecret · 03.01.2010

Hallo Leute,

ich steh grad irgendwie auf dem Schlauch.

Ich habe ne Javascript Funktion der eine Variable übergeben wird.
Soweit so gut.
Diese Variable will ich nun bei getElementById( VARIABLE ) verwenden.

Hier meine Funktion, die aber nicht läuft, weil nicht der Wert der Variablen, sondern der Name eingesetzt wird.

Code:

function Test(Variable)
{
     test = document.getElementById(Variable);
}

Also, warum erkennt er Variable nicht als die übergebene Variable?

Schonmal vielen Dank fürs helfen.

cebito · 03.01.2010

AW: JS+Variable bei getElement...

Zeig mal die ganze function, und vor allem auch WIE du die Variable übergibst.

Kannst dir doch gleich nach Funktionsbeginn mal mit alert(Variable); ausgeben lassen was da ankommt...

Edit - ach ja, Variablen und Funktionsnamen solltest du wenn möglich auch grundsätzlich NUR klein oder NUR groß schreiben und vor allem NIEMALS den gleichen Namen (Test - test) so zweimal vergeben...

sokie · 03.01.2010

AW: JS+Variable bei getElement...

es eine php seite ist:

Code:

var Variable = <? echo $_GET['meineVar'] ?>
function Test(Variable)
{
     test = document.getElementById(Variable);
}

bei einer schlichten html seite zB so ()

Code:

var Variable = document.URL.split("=")[1];
[SIZE=1]//heisst der string der URL wird per split() am "="-Zeichen geteilt und der zweite Teil dieses arrays in 'Variable' geschrieben.[/SIZE]
function Test(Variable)
{
     test = document.getElementById(Variable);
}

mwxx · 04.01.2010

AW: JS+Variable bei getElement...

Eigentlich klappt das wunderbar, ich habe es mal mit Deinem Beispiel ausprobiert:

HTML:

<html>
<head><title></title>
<script type="text/javascript">

function Test(Variable)
{
     test = document.getElementById(Variable);
     test.style.backgroundColor="#ff0000";
}

</script>
</head>
<body>
<div id="bla">
<a href="javascript:Test('bla');">Hintergrundfarbe &auml;ndern</a>
</div>
</body>
</html>

Clickt man auf den Link, wird die id des umgebenden Containers übergeben und die Funktion färbt in diesem Beispiel dieses div rot ... !?!