how to put JavaScript value in html

Question

Javascript Code

    function load()
    {
        var s = window.location.href;
        var temp_img_url=s.split("?");
        var img_url=temp_img_url[1];


    }

html code

 <img id="bigpic" src=" " style="display: none; ">

I am trying to put img_url in src. What is the way to do that. Thank you.

totallyNotLizards · Accepted Answer · 2015-03-09 13:54:11Z

7

add this line at the end of your load() function:

document.getElementById('bigpic').src=img_url;

this is from memory (my js is a little rusty) but should do the trick.

It uses the getElementById() method to get the element with the ID of bigpic (your image element) and sets the src attribute to the value of your img_url variable.

edited Mar 9, 2015 at 13:54

answered Apr 20, 2012 at 22:02

totallyNotLizards

8,5899 gold badges54 silver badges86 bronze badges

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

Comments

Thomas Kelley · Accepted Answer · 2012-04-20 22:03:47Z

0

First you have to find the element:

element = document.getElementById("bigpic");

Then you can change the src attribute of that element:

element.setAttribute("src", img_url);

answered Apr 20, 2012 at 22:03

Thomas Kelley

10.3k1 gold badge38 silver badges43 bronze badges

Collectives™ on Stack Overflow

how to put JavaScript value in html

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related