How to write a dynamic text using javascript

Question

I am trying to accomplish something like this :

<?php $url = 'http://www.mydomain.com/img/picture.jpg'; ?>
<img src='<?php echo $url ?>' />

Only the problem is I want to accomplish this using javascript. Something like this

<script>url = 'http://www.mydomain.com/img/picture.jpg'</script>
<img src='<script>document.write(url)</script>' />

Of course it wouldn't work, but you got the idea. Any thought ?

It seems like you might be looking to do JavaScript templating. Mustache (mustache.github.com) or Underscore (underscorejs.org) are some of the libraries that you can look into. This article: quora.com/JavaScript/… gives a good overview of what is out there. — martineno
– martineno, Commented Jun 3, 2012 at 0:42
Start by reading about JavaScript and HTML basics and how to work with the DOM. — Felix Kling
– Felix Kling, Commented Jun 3, 2012 at 0:47

Zoltan Toth · Accepted Answer · 2012-06-03 00:45:24Z

5

<img id="image" />

<script>    
    var url = 'http://lorempixel.com/300/200';
    document.getElementById("image").src = url;
</script>

answered Jun 3, 2012 at 0:45

Zoltan Toth

47.8k12 gold badges132 silver badges138 bronze badges

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

1 Comment

Very obvious simple solution. Never though of it. Thanks

ovgu12 · Accepted Answer · 2012-06-03 03:14:56Z

0

I suggest reading jquery ,you can acesss every html element

answered Jun 3, 2012 at 3:14

ovgu12

1302 silver badges8 bronze badges