javascript - JavaScript 中的 HTML 标记

Question

我在 JavaScript 中返回一个具有值的 HTML 标记

var code = 'brand':
return `<div class="${code}_label">${code.toUpperCase()}</div>`;

我不想使用 $ 并且我想在 JavaScript 中通过 + 连接

var code = 'brand':
return `<div class=code+"_label">code.toUpperCase()</div>`;

但这并没有给出预期的输出。

有人可以帮忙吗？提前致谢

标签： javascripthtml

Answer 1

您的引用有点错误：

function createTag() {
    var code = 'brand';
    return '<div class="' + code + '_label">' + code.toUpperCase() + '</div>';
}
console.log(createTag());

使用 dom api 的另一个解决方案是：

    function createTag() {
        var code = 'brand';
        var div = document.createElement("div");
        div.id = code + '_label';
        div.innerText = code.toUpperCase();
        return div;
    }
    console.log(createTag());