我怎样才能运行一个函数并 return 输出为图像 src javascript

Question

我有一个函数可以确定图像的来源：

function facilityImg(arr, x) {
    switch (arr[x]) {
        case 'Yes':
            return "Images/checked.png";
        case 'No':
            return "Images/unchecked.png";
    }
}

其中arr是Yes/No个字符串的数组，x是每个值的索引。

我正在尝试运行这个函数，如下所示：

let html = `<div class="facilityCell">
               <img class="facilityIcon" title="Air-Conditioner" src="Images/air-conditioner.png">
               <img class="facilityIcon" src='facilityImg(${facilityArr}, 0)'>
            </div>`

检查 html 元素时，我将其作为 src:

我做错了什么吗？我已经尝试过 [src] 和 :src，这显然应该有效。在你在评论中打倒我之前，我正在重复这段代码，但对于一个小项目每次都略有不同——我懒得用正确的方式再写出 400 行。

我想做的事情可行吗？

Answer 1

您只需更正函数的插值即可。尝试

let html = `<div class="facilityCell">
              <img class="facilityIcon" title="Air-Conditioner" src="Images/air-conditioner.png">
              <img class="facilityIcon" src="${facilityImg(facilityArr, 0)}">
            </div>`

希望修复它

我怎样才能运行一个函数并 return 输出为图像 src javascript

How can I run a function and return output as image src javascript

javascript

html

image

function

src

我怎样才能 运行 一个函数并 return 输出为图像 src javascript

How can I run a function and return output as image src javascript

javascript

html

image

function

src

我怎样才能运行一个函数并 return 输出为图像 src javascript