如何运行函数并将输出作为图像 src javascript 返回

艾略特·卡伦

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

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 行。

我想做的事可能吗？

艾哈迈德·萨贾德

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

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

希望修复它

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。