Javascript 在js的replace方法中添加html标记（无Jquery）

我使用js的replace方法来替换一个值，以使其具有不同的样式

style() {
   var name = "StackoverFlow";
   var value = "Flow";
   var regex = new RegExp("(" + value + ")", "gi");
   return "<span>"+name.replace(regex, "<strong>$1</strong>")+"</span>"; //replacing the value "Flow" with bold.
}

style（）{
var name=“StackoverFlow”；
var value=“流量”；
var regex=新的RegExp（“（“+value+”）”、“gi”）；
返回“+name.replace（正则表达式“$1”+”；//将值“Flow”替换为粗体。
}

但是它返回：

StackoverFlow

。

---

如何使用html（）而不是纯文本解析它并呈现：StackoverFlow

我不确定如何将函数的返回值设置为文档。但是，我相信您正在寻找的函数是：

element.innerHTML

范例

var element = document.getElementById('myelement');

element.innerHTML = "stack<strong>flow</strong>" //outputs flow in bold text.

var-element=document.getElementById（'myelement'）；
element.innerHTML=“stackflow”//以粗体文本输出流。

暗示

<!-- in html -->
<p id="your_element_id"></p>

//js
var element=document.getElementById（“您的元素id”）；
element.innerHTML=style（）；
函数样式（）{
var name=“StackoverFlow”；
var value=“流量”；
var regex=新的RegExp（“（“+value+”）”、“gi”）；
返回“+name.replace（正则表达式“$1”）+”；
}

检查输出的方法是什么？这就是代码应该返回的，一个普通字符串。它在页面上的显示方式取决于您如何使用返回值。你能展示一下吗？那么你想在console.log中看到粗体文本吗？不幸的是，这不会发生。你需要把它放在页面上才能正确呈现。您可以使用类似于

document.getElementById（“idOfADiv”）.innerHtml=style（）的东西

其中

idOfADiv

是

元素的id。（当然其他人会这么做，但这似乎是最简单的。）

//js
var element = document.getElementById('your_element_id');
element.innerHTML = style();

function style() {
   var name = "StackoverFlow";
   var value = "Flow";
   var regex = new RegExp("(" + value + ")", "gi");
   return "<span>"+name.replace(regex, "<strong>$1</strong>")+"</span>";
}