Spontifixus: getElementById im InternetExplorer 7

Beitrag lesen

Moin zusammen,

ich entwickle im Rahmen meiner Diplomarbeit gerade eine Web-Anwendung, die in bestimmten Teilbereichen AJAX einsetzt, ich möchte daher den Inhalt verschiedener <span> Elemente ersetzen, die betreffenden Elemente möchte ich mit getElementById identifizieren.

Folgender Code (in einer callBack-Funktion) funktioniert im Feuerfuchs, aber im InternetExplorer 7 nicht:

function refreshImageData() {  
    if (httpRequest.readyState == 4) {  
        if (httpRequest.status == 200) {  
            try {  
                jsonData = eval("(" + httpRequest.responseText + ")");  
                // [...]  
                imagedataHeader = document.getElementById('imagedataHeader');  
                // [...]  
                replaceText(imagedataHeader, 'View');  
                // [...]  
            }  
            catch (e) {  
                alert (e.message);  
            }  
        }  
        else {  
            alert ("The requested data could not be retrieved. There is no record with this Id.");  
        }  
    }  
}

In der HTML-Datei sieht das folgendermaßen aus:

<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
    <base href="http://mevis.marvin.lan" />  
    <script src="javascripts/application/ajax.js" type="text/javascript"></script>  
  
    <!-- [...] -->  
  
</head>  
<body>  
  
    <!-- [...] -->  
  
    <script src="javascripts/application/imagedata.js" type="text/javascript"></script>  
  
    <!-- [...] -->  
  
    <div id="imagedata" style="display:none;">  
        <table id="popup_table" cellspacing="0" cellpadding="0">  
            <tr>  
                <td id="popup_top_left"><img src="images/layout/pixel.gif" height="24" width="6"></td>  
                <td id="popup_top_middle"><span id="imagedataHeader">Create</span> Image data</td>  
                <td id="popup_top_right"><img src="images/layout/pixel.gif" height="24" width="6"></td>  
            </tr>  
  
            <!-- [...] -->  
  
        </table>  
    </div>  
  
    <!-- [...] -->  
  
</body>  
</html>

in den im JavaScript mit // [...] gekennzeichneten Bereichen werden andere Elemente angesprochen, bzw. mit neuem Inhalt versehen.

Die JavaScript-Zeile imagedataHeader = ... verursacht im InternetExplorer folgende Fehlermeldung: "Das Objekt unterstützt diese Eigenschaft oder Methode nicht.", im Feuerfuchs funktioniert das ganz hervorragend.

Habe ich irgendetwas übersehen? Irgendwas grundsätzlich falsch gemacht? Schonmal vielen Dank für eure Hilfe!

Viele Grüße,
Markus :)