How To Set Src Of Image By A Function Call?

I want to set the src of an image to the return value of a function call. Here is what I am doing now: and the script is:

Solution 1:

You can't set it like that.

You can change the value with javascript:

<img id="image" src="picB.png" alt="can't display picture" />

document.getElementById("image").setAttribute("src","picA.png");

Solution 2:

You can't do it that way. The src attribute doesn't interpret javascript.

You may do it like this:

<img id="picA">
<script type="text/javascript">
   function get_picAPath(){
      return "picA.png";
   }
   document.onload = function(){
      document.getElementById('picA').src= get_picAPath();
   };
</script>