Назначьте img 'src динамически

0

На странице будет отображаться правильный 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);
  };
Теги:

2 ответа

1
Лучший ответ

Исправлен HTML (коммутируемые классы и идентификаторы для создания уникальных идентификаторов) и добавлен идентификатор изображения для простоты:

<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/

1

Во-первых, у вас не должно быть нескольких идентификаторов на странице, это будет бесполезно с вашим 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 the first one
//or if you can uniquely identify it
var myImg = document.getElementById('imgId');

myImg.src = imgSrc;
  • 0
    Я буду иметь это в виду.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню