在Javascript中将值作为可渲染HTML返回

Posted 2021-04-14

我没有很多关于JS的经验，而且我遇到了我认为是一个非常简单的问题，但令我感到困惑的是因为我不理解语法。

我有一个可以读取的片段：

if( typeof item.id !== 'undefined') {
    return {
        label: item.name,
        value: item.name
    };
}

我想更改“label”值，以便添加一些html。所以我的想法是如此接近：

if( typeof item.id !== 'undefined') {
    return {
        label: <a href="https://example.com/' + item.seo + '/' + item.id + '"><p>' + item.name + '</p></a>,
        value: item.name
    };
}

我在这里遇到的问题是HTML只是打印而不是呈现为html。所以我最终得到一个包含我所有HTML字符的文本字符串。有一个简单的方法吗？

答案

这样做的方法是使用[MyElement].innerHTML = ...或$([MyElement]).html(...)（jQuery）你输入的文本...将被渲染为html。