动态分配img的src

Question

该页面将正确显示图像的url文本。但是我不确定如何将消息分配给img的src以显示图像。

<DIV class="msgStyle1" id="message">Waiting for image</DIV>
<div class="imgStyle1" id="message">
    <img src=whatneedtogohere /></div>


  function displayText(text) {
    console.log(text);
    document.getElementById("message").innerHTML=text;
    window.castReceiverManager.setApplicationState(text);
  };

Answer 1

修复了HTML（切换类和ID以使ID唯一）并添加了图像ID以简化操作：

<div id="msgStyle1" class="message">Waiting for image</div>
<div id="imgStyle1" class="message">
    <img src="" id="image" />
</div>

JS：

document.getElementById('image').src = 'http://yourImagePathHere';

看到它在这里工作：http : //jsfiddle.net/N3rCm/