2017-12-06 15 views
0

javascript関数を使用して画像のsrc URLを渡したいと思います。Javascript関数呼び出しは<img src="myFunction()">が動作しません

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

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

残念ながら、それは動作していないし、alt "notworking"が表示されています。

+0

あなたがIDを設定し、文書で機能を通過しない理由は、IDを取得しますか? srcは関数呼び出し属性ではありません。 –

+2

おそらく答えが見つかりました:https://stackoverflow.com/questions/12196435/javascript-function-return-src-path – Most24

答えて

0

HTMLはそのようには機能しません。そのような要素からJavaScript関数を呼び出すことはできません。あなたは、ページの下部にあるメソッド呼び出しを追加し、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> 
関連する問題