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

Blender · Accepted Answer · 2012-06-21 05:41:51Z

4

You need to insert the value into the string:

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

answered Jun 21, 2012 at 5:41

Blender

300k55 gold badges462 silver badges511 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Laughing · Accepted Answer · 2012-06-21 05:43:59Z

0

it should be like this:

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

answered Jun 21, 2012 at 5:43

Laughing

2112 silver badges9 bronze badges

Comments

Alvin Wong · Accepted Answer · 2012-06-21 05:45:54Z

0

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

answered Jun 21, 2012 at 5:45

Alvin Wong

12.5k5 gold badges55 silver badges78 bronze badges

Collectives™ on Stack Overflow

I want to assign javascript variable to html element inside javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related