js字符串转html标签

JavaScript中将字符串转换成HTML标签通常涉及到模板字符串或DOM操作。你可以使用`document.createElement()`方法创建新的HTML元素，然后设置其属性如innerHTML。以下是简单的例子：

function stringToHtml(str) {
    const elements = str.split('<'); // 将字符串按 '<' 分割
    let html = '';
    for (let i = 0; i < elements.length; i++) {
        if (i % 2 === 0) { // 提取标签名
            const tag = elements[i].slice(1); // 去掉开头的空格
            html += `<${tag}`; // 开始构建标签
        } else if (elements[i].startsWith('</')) { // 遇到闭合标签
            const closingTag = elements[i].slice(2);
            html += `>${closingTag}</${closingTag}>`; // 结束标签并添加到html
        } else { // 中间的文本内容
            html += elements[i]; // 直接添加
        }
    }
    return html;
}

// 使用示例
const string = 'Hello <b>World</b>';
const htmlOutput = stringToHtml(string);
console.log(htmlOutput); // 输出: "<h1>Hello <b>World</b></h1>"