在Javascript中循环并返回HTML（模板文本）

我正在创建一个聊天模块。一切都完成了，但我使用了一个太现代的IE10/IE11代码，我需要这种兼容性

我改变了很多，但我还是坚持做一些对你来说很简单的事，伙计，我确定

我需要从模板文字返回到旧的方式。有什么帮助吗？下面是我需要更改的函数：

data

是一个包含对象的简单数组：

data=[{}，{}，{}]

function createChatBox(data) {
        return ` <div class="vchat__options">
            ${data.map((info, index) =>
                `${info.action === 'site' ? `<a href="${info.url}" target="_blank" id="vchat__${index}" class="vchat__box">
                <div class="vchat__block">
                    ${info.svg}
                    <p class="vchat__text"><strong class="vchat__headline">${info.headline}</strong>${info.text}</p>
                    <span class="vchat__highlight">${info.highlight}${info.highlight_icono}</span>
                </div>
                </a>` : `<div id="vchat__${info.id}" class="vchat__box ${info.action === 'next' ? 'js-vchatPanel' : 'js-vchatZopim'}">
                <div class="vchat__block">
                    ${info.svg}
                    <p class="vchat__text"><strong class="vchat__headline">${info.headline}</strong>${info.text}</p>
                    <span class="vchat__highlight">${info.highlight}${info.highlight_icono}</span>
                </div>
                </div>`}`
            ).join('')}
        </div>`;
    }

函数createChatBox（数据）{
返回`
${data.map（（信息，索引）=>
`${info.action==='站点'？```:`
${info.svg}
${info.headline}${info.text}
${info.highlight}${info.highlight\u icono}
`}`
).join（“”）}
`;
}

我不需要完整的代码。任何提示、建议都很酷！ 感谢您签出并传输新的ES6 JavaScript语法以与旧浏览器兼容。安装后，您可以指定需要支持的浏览器版本等

---

将您的代码示例放入以查看结果。

Hi@Clement，您能详细说明您面临的问题吗？这将有助于社区向您提供适当的答案。：-）你好请拿着（你得到了一个徽章！），四处看看，仔细阅读，特别是我还推荐Jon Skeet's和。这对于SO的问答格式来说太宽泛了。只需使用几个模板库中的任意一个。@LloydFrancis我的问题是“模板文字”与IE10/IE11不兼容，我还没有任何东西使其兼容（Babel，…），这正是我以这种旧方式查看代码所需要的！！我不知道为什么我没有想到这一点。非常感谢。