Displaying img instead of src

Question

this is my code:

function riep() {
    imuno = sessionStorage.getItem('imuno');
    imdue = sessionStorage.getItem('imdue');
    document.getElementById("myDiv").innerHTML = imuno + ", " + imdue;
}

It displays the src contained in the two variables (imuno,imdue) instead of the images, how can i solve that?

document.getElementById("myDiv").innerHTML is used to show the content in the element. Also, from the names, it looks like you're using <div> element. Use <img> and set the src attribute value. document.getElementById('imgId').src = 'Happy'; — Tushar
– Tushar, Commented Feb 29, 2016 at 13:36

Dmitriy · Accepted Answer · 2016-02-29 13:36:36Z

2

function riep() {
    imuno = sessionStorage.getItem('imuno');
    imdue = sessionStorage.getItem('imdue');
    document.getElementById("myDiv").innerHTML = "<img src='" + imuno + "'/><img src='" + imdue + "'/>";
}

answered Feb 29, 2016 at 13:36

Dmitriy

3,76518 silver badges24 bronze badges

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

2 Comments

Francesco Monti Over a year ago

It works perfecly! Thank you very much and thanks everyone for replying!

Francesco Monti Over a year ago

Just another question, how can i change the images size with css? I mean, where should i link the js or html to my css page?

Dmitriy · Accepted Answer · 2016-02-29 14:05:24Z

1

<img src="..." class="image" />

You can use:

<img src="..." class="image" width=150 height=150 />

or

<img src="..." class="image" style="width: 150px; height: 150px;" />

or

you can add style tag to html like:

<style>
    .image {
        width: 150px;
        height: 150px;
    }
</style>

or

you can add link tag to your html with styles like:

<link rel="stylesheet" type="text/css" href="styles.css" />

and so on :)

answered Feb 29, 2016 at 14:05

Dmitriy

3,76518 silver badges24 bronze badges

1 Comment

Francesco Monti Over a year ago

Thank you again, reeeally helpful :)

Collectives™ on Stack Overflow

Displaying img instead of src

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related