I want to assign javascript variable to html element inside javascript

Question

I'm trying to insert javascript variable value in html element inside javascript.. But it's not working properly.. following are my code..

 window.onload = function() {
    var image=document.getElementById('img').value;
        var img = '<div id="pic"><img src="image" width="200" height="108" /><p></p></div>';
      }

This is the function. Here i'm getting image in variable image.. i'm trying to assign this image to in one div id pic.. there i'm assigning src="image" which i got in var image.. But its not working..

Answer 1

您需要将值插入字符串：

var img = '<div id="pic"><img src="' + image + '" width="200" height="108" /><p></p></div>';

Answer 2

它应该是这样的：

 var img = '<div id="pic"><img src="'+image+'" width="200" height="108" /><p></p></div>'; 

Answer 3

I think you should do this instead:

window.onload = function() {
    var image=document.getElementById('img').value;
    document.getElementById('pic').innerHTML='<img src="'+image+'" width="200" height="108" /><p></p>';
}