Zugriffsprobleme mit getElementById (Firefox)

[gerrito]

Hallo!

Ich suche mir seit Stunden einen "Ast ab" und komme zu keiner Lösung meines Problems. Wahscheinlich liegts aber daran, dass ich was Java(Script) angeht noch ein blutiger Anfänger bin. Ich hoffe dennoch auf eure Hilfe! Daher vorab -DANKE!

Mein Problem: Ich möchte das Hintergrundbild einer Zelle mittels JavaScript ändern... Kann aber nicht drauf zugreifen. Im HTML Bereich steht:

<td id="menue" height="245" colspan="4" background="fotos/head_01.jpg"></td>

im JavaScript steht:

var ausgabe;
ausgabe=(document.getElementById('menue').background);
console.log(ausgabe);

wie gesagt... Das Funktioniert im IE einwandfrei und erhalte dort meine gewünschte Antwort: "fotos/head_01.jpg". Der Firefox spuckt beim zugriff auf "background" nur UNDEFINED als Antwort raus...

WARUM?! Wer kann mir hier Helfen bzw. einen Hinweis geben? :shock:

 

[Gast2]

Zunächst mal eins vorneweg: Java ist nicht Javascript. Du bist hier eigentlich im falschen Forum 😉

Zu deinem Problem:
Ich glaube nicht, dass dein HTML so wie es da steht konform ist. Das müsste eher so lauten:

<td id="menue" height="245" colspan="4" style="background: url(fotos/head_01.jpg);"></td>

Zugreifen darauf kannst du dann so:

var background = document.getElementById('menue').style.background

Das sollte unter allen gängigen Browsern funktionieren.

Ein kleiner Tipp zum Schluss:
Schau dir mal jQuery an. Das ist ne schöne Javascript Bibliothek die unter sehr vielen Browsern funktioniert. Der Aufruf würde dann auf folgendes vereinfacht (und vereinheitlicht) werden:

var background = $('#menue').css('background');

 

[gerrito]

wow... das ging ja fix!!! hast wohl recht... mit deinem abgeändertem code funktioniert es! Ich bekomme zwar nicht nur die url als antwort zurück, aber das reicht mir!
DANKE!