JavaScript 使用 replace 方法将字符串转换为可渲染的标签

在 JavaScript 中，可以使用 innerHTML 属性将字符串转换为可渲染的标签。\n\n假设你有一个字符串变量 str，并且你想将其中的某些内容替换为一个标签，可以使用 replace 方法配合正则表达式来实现。例如，将字符串中的所有 "foo" 替换为 <span>foo</span>：\n\njavascript\nvar str = "This is foo.";\nvar newStr = str.replace(/foo/g, '<span>foo</span>');\n\n\n然后，你可以将 newStr 的值赋给某个 HTML 元素的 innerHTML 属性，使其渲染为一个标签：\n\njavascript\ndocument.getElementById("myElement").innerHTML = newStr;\n\n\n这样，"This is foo." 就会被渲染为 "This is <span>foo</span>."。\n\n请注意，使用 innerHTML 属性时要小心，确保你信任并完全控制要渲染的内容，以避免潜在的安全问题。