Simple JS innerHTML question - Include image src held in var

Question

If I have a var named src, how can I write that into innerHTML?

E.g.

var src = $(this).attr("src");
_html.innerHTML = '<img src="" />';

Place the var src as the img src?

Why not: var src = this.src;

RobG
– RobG

2011-03-31 00:41:48 +00:00
Commented Mar 31, 2011 at 0:41 — RobG
– RobG, Commented Mar 31, 2011 at 0:41

Chris Dixon · Accepted Answer · 2011-03-30 16:37:43Z

3

_html.innerHTML = '<img src="' + src + '" />';

answered Mar 30, 2011 at 16:37

Chris Dixon

9,1777 gold badges38 silver badges69 bronze badges

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

4 Comments

Chris Dixon Over a year ago

Someone actually rated this down?!

Rion Williams Over a year ago

That's bizarre - here's a +1 :)

Chris Dixon Over a year ago

Haha, thank you, just shocked more than anything as I was the first to answer!

Rion Williams Over a year ago

I know - SO can be a crazy, crazy world sometimes :)

Rion Williams · Accepted Answer · 2011-03-30 16:38:31Z

2

You mean something like this:

var src = $(this).attr("src");
_html.innerHTML = '<img src="' + src + '" />';

answered Mar 30, 2011 at 16:38

Rion Williams

76.9k38 gold badges206 silver badges335 bronze badges

Comments

DA. · Accepted Answer · 2011-03-30 16:40:14Z

1

It looks like you are using jQuery. If so, you can do it this way:

var src = $(this).attr("src");
var $img = $("<img>").attr("src",src)
$("#yourObject").append($img)

answered Mar 30, 2011 at 16:40

DA.

40.8k51 gold badges162 silver badges219 bronze badges

1 Comment

Vadim Over a year ago

The equivalent would actually be $("#yourObject").html($img)

pconcepcion · Accepted Answer · 2011-03-30 16:38:29Z

0

You mean something like this?

_html.innerHTML = '<img src="'+src+'" />';

answered Mar 30, 2011 at 16:38

pconcepcion

5,6415 gold badges37 silver badges53 bronze badges

Collectives™ on Stack Overflow

Simple JS innerHTML question - Include image src held in var

4 Answers 4

4 Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related