Specifying img src and associating a class using innerHTML in a javascript code

Question

I am using the code below to create an image with a css class and put it in a div (imagepath1) .

this.imagePath1.innerHTML = "<img src='" + "../path/imagename" + "' class='classname'>";

It is not able to find the image path, as I can see in the DOM element and resource is also not available when seen through "inspect element".

Any clues how to do this?

Thanks, kk

Well if the inspected code looks OK then there must be a problem with the URL of the image. Does it work? — kuncajs
– kuncajs, Commented Mar 20, 2013 at 11:24
Depending on your doctype the markup may be invalid. Close the <img/> tag. — Linus Caldwell
– Linus Caldwell, Commented Mar 20, 2013 at 11:34

Fico · Accepted Answer · 2013-03-20 11:55:05Z

1

1)Be sure the path you are coding is relative to your html document ( not to your javascript document)

2) The img tag is fine without closing slash for html (no closing tag in is ok for HTML but some browser may use the XHTML syntax where the tag must be properly closed.

NOTE

Both possible solutions are made under the consideration that your javascript statement is in the correct context concerning the use of the this keyword. which as you know, is related to the caller and context and not to the function.

edited Mar 20, 2013 at 11:55

answered Mar 20, 2013 at 11:40

Fico

2,41720 silver badges19 bronze badges

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

1 Comment

KK123 Over a year ago

It seems to be working after I gave the full path of the image:)

Collectives™ on Stack Overflow

Specifying img src and associating a class using innerHTML in a javascript code

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related