javascript - Firefox 和 Chrome 不在 innerHTML 中显示图像

Question

我有一个相当简单的函数，它隐藏了一些用于收集一些信息的 div，然后显示更新消息....

function updatePleaseWaitingPane() {

    document.getElementById('formDiv').style.display = "none";
    document.getElementById('furtherQuestions').style.display = "none";
    var newdiv = document.createElement('div');
    newdiv.setAttribute('id', 'PleaseWaitDiv');
    newdiv.innerHTML = "<h2>Please wait</h2><br/><br/><br/><br/><img src=\"http://www.myurl.com/images/pleaseWait.gif\" alt=\"Please wait\" width=\"600\" height=\"54\"><br/><br/><br/><br/>Thanks for your input. Now let us get you some answers";
    document.getElementById('Content').appendChild(newdiv);
}

一切正常，很简单，但是我注入(inject)的图像似乎无法在 Firefox 的 Chrome 中加载，但在 IE 中却可以？我检查了 URL，当检查 Firebug 中的元素时，图像显示为预览，因此 URL 是正确的。有什么想法吗？

Answer 1

IE 会将 document.getElementById('Content') 与大小写不同的 id="content" 进行匹配，而 Chrome 不会，确定 ID 正确吗？