Image can't be shown by javascript in Internet Explorer

Question

Below is my html code for image.

 <img src="" id="displaymirrorimage" height=auto width=auto style="display: none;">

Below is my javascript code for show image dynamically on mouseover.

document.getElementById("displaymirrorimage").style="display:block;";

It's working fine in Firefox and Chrome but can't work in Internet Explorer and Safari browser.

Try `document.getElementById('displaymirrorimage').style.display = 'block';` — David R, Sep 30 '16 at 12:21
Did you check this post ? http://stackoverflow.com/questions/1724342/onmouseover-doesnt-work-when-using-javascript-to-add-img-tag-on-ie — Alex, Sep 30 '16 at 12:24
Make sure your `height=auto` and `width=auto` are not causing the issue. Pull those out and see what happens. In the older days, IE choked on this, but you did not specify a version of IE. — aardrian, Sep 30 '16 at 18:28

score -1 · Answer 1 · answered Sep 30 '16 at 12:40

-1

Try: document.getElementById("displaymirrorimage").style.display="block";

answered Sep 30 '16 at 12:40

Sanjeet Mistry

4

copying @DavidR 's comment and posting it as your own answer...it's not a good practice – Mihai T Sep 30 '16 at 13:20
I had answered it earlier. – Sanjeet Mistry Oct 03 '16 at 04:17
Sry for the earlier comment. I did not see the comment when I answered the question, it was not present. – Sanjeet Mistry Oct 03 '16 at 04:27
When I first saw the question there were no comments. I started working on the question, in meantime I did not refresh the page. After I got the answer I posted it & closed the tab. – Sanjeet Mistry Oct 03 '16 at 04:36

1 Answers1