Javascript 分配img';src动态
该页面将正确显示图像的url文本。但我不知道如何将消息分配给img的src以显示图像Javascript 分配img';src动态,javascript,html,Javascript,Html,该页面将正确显示图像的url文本。但我不知道如何将消息分配给img的src以显示图像 <DIV class="msgStyle1" id="message">Waiting for image</DIV> <div class="imgStyle1" id="message"> <img src=whatneedtogohere /></div> function displayText(text) { cons
<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);
};
等待图像
函数displayText(文本){
console.log(文本);
document.getElementById(“message”).innerHTML=text;
window.castrecivermanager.setApplicationState(文本);
};
首先,你不应该在页面上有多个Id,这会弄乱你的JS
下一步,如果可以的话,我会给你的形象上一堂课
//jquery example of what you would do
var imgSrc = 'http://wherever/youre/getting/this/from';
$('.myimageclass').attr('src', imgSrc);
//non jquery
var myImg = document.getElementsByClassName('myimageclass')[0]; //assuming it's the first one
//or if you can uniquely identify it
var myImg = document.getElementById('imgId');
myImg.src = imgSrc;
修复了HTML(切换类和ID以使ID唯一),并添加了图像ID以简化操作:
<div id="msgStyle1" class="message">Waiting for image</div>
<div id="imgStyle1" class="message">
<img src="" id="image" />
</div>
在此处查看它的工作情况:可能重复的
document.getElementById('image').src = 'http://yourImagePathHere';