Javascript 如何使用函数动态设置img src

我想使用javascript中的一个函数设置

img src=“

，该函数可以根据变量更改图片并检查值：

javascript文件代码：

 function myFunctionstatus(){
 var ledactual=document.getElementById("ledonof").value     
 var image = document.getElementById('ledPic'); 
 if (ledactual==ledon) {
     image.src = "https://cdncontribute.geeksforgeeks.org/wp-c 
  content/uploads/OFFbulb.jpg"; 
    }
 if (ledactual==ledoff){
     image.src = "https://cdncontribute.geeksforgeeks.org/wp- 
   content/uploads/ONbulb.jpg";
 }                    
   } };

html文件中的img src：

 <img id="ledPic" [src]="myFunctionstatus()" > 

但是我没用，照片也没出现！脚本正在运行，我用一个按钮进行了测试：

 <input type="button" id="ledonof"  onclick="myFunction();myFunctionstatus();" class="ledonoff" value="<?phpinclude ('ledstatus.php'); ?>">

---

img src attr不支持函数调用。您在src中传递的任何内容都将被视为url（相对或其他）。 请参阅

因此，您需要做的是在/加载元素之前调用函数，然后更改src。最简单的形式如下

`<script>
(function() {
   // your page initialization code here
   // the DOM will be available here
   // call the function here
})();
</script>`

`
（功能（）{
//您的页面初始化代码在这里
//DOM将在此处提供
//在这里调用函数
})();
`

我无法评论您用于获取状态的php，但下面是一个javascript示例：

函数myFunctionstatus（）{
var输入=document.getElementById（“ledonof”）；
var image=document.getElementById（'ledPic'）；
如果（input.value==“开”）{
image.src=”https://cdncontribute.geeksforgeeks.org/wp-content/uploads/ONbulb.jpg";
input.value=“关”
}else if（input.value==“off”）{
image.src=”https://cdncontribute.geeksforgeeks.org/wp-content/uploads/OFFbulb.jpg"; 
input.value=“on”
}                    
}
myFunctionstatus（）

---

您需要手动设置初始状态

功能开关状态（）{
让switchButton=document.getElementById（'ledonof'）；
设img=document.getElementById（'ledPic'）；
如果（switchButton.value==“发光二极管”）{
img.src=”https://cdncontribute.geeksforgeeks.org/wp-content/uploads/OFFbulb.jpg";
switchButton.value=“LED关闭”；
}否则{
img.src=”https://cdncontribute.geeksforgeeks.org/wp-content/uploads/ONbulb.jpg";
switchButton.value=“ledon”；
}
}

---

您不能这样做。在解释HTML时，图像元素的src属性不能解释为javascript

---

最初，您需要设置src，然后单击按钮，您可以通过更改图像src来切换图像。

在

控制台中是否有任何错误？什么是
myFunction
？我在你的代码中看不到它。你从哪里得到要触发更改的值？实际上，我是用按钮完成的，可以工作，但我想要的是页面加载时的第一个图像，由函数选择！这就是我想要的，但通过这种方式，第一个图像是固定的，但我希望页面刷新时的第一个图像可以从javascript中的函数中选择！这就是我想要的，因此您可以在DOMContentLoaded事件中使用JS执行初始化。请您指导我如何在开始时运行该函数一次？：）只需在定义函数后调用它：
function myFunction（）{….}
定义函数，然后最后一行
myFunction（）
调用函数