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);
}

一切正常，很简单，但是我注入的图像似乎没有加载到Firefox的Chrome中，但是它在IE中会加载吗？我检查了URL，在Firebug中检查元素时，图像显示为预览，因此URL正确。任何人的想法？

Answer 1

IE会将document.getElementById('Content')与不同的id="content"匹配，而Chrome则不会，确定ID是否正确？

Answer 2

尝试关闭图片标记

<img src="/watever" />

^^注意关闭尖括号之前的斜杠

Firefox＆amp; Chrome不会在innerHTML中显示图片

2 个答案: