Javascript function call from <img src="myFunction()"> not working

Question

I want to pass the src url of a image via javascript function.

<head>
<script>
function myFunction() {
    var str1 = "somepictureurl.png";
    return str1;
}
</script>
</head>

<body>
    <img src="myFunction()" alt="notworking">
</body>

Unfortunately it is not working and the alt "notworking" is displaying.

why don't you set an id and pass the function with document get Id? src is not function call attribute. — Son Dang
– Son Dang, Commented Dec 6, 2017 at 8:21
Maybe you find a answer here: stackoverflow.com/questions/12196435/… — Most24
– Most24, Commented Dec 6, 2017 at 8:22

beaver · Accepted Answer · 2017-12-06 08:35:07Z

0

HTML just doesn't work that way. The JavaScript function can not be called from an element that way.

You'll have to add a method call at the bottom of the page, and pass some kind of id:

<html>
  <head>
    <script>
      function myFunction(id) {
        var str1 = "somepictureurl.png";
        document.getElementById(id).src = str1;
      }
    </script>
  </head>
  <body>
    <img id="img1" alt="notworking">
    <script>
      myFunction("img1");
    </script>
  </body>
</html>

edited Dec 6, 2017 at 8:35

beaver

5271 gold badge9 silver badges21 bronze badges

answered Dec 6, 2017 at 8:19

Cerbrus

73.3k19 gold badges138 silver badges151 bronze badges

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

Collectives™ on Stack Overflow

Javascript function call from <img src="myFunction()"> not working

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related