javascript - RegExp，替换关键字的正确大写版本

Question

我有一个简单的文本，当单击按钮时，我会突出显示一个特定的关键字。

<p id="mytext">Lorem ipsum dolor sit amet, consectetur.</p>

当我想突出显示 consectetur 并键入 Consectetur 时，它会突出显示但将其大写。

但本来就不是大写的词。

我们该如何解决？

JSFIDDLE

var mytext = document.getElementById("mytext");
var btn = document.getElementById("btn");

var word = "Consectetur";

btn.addEventListener("click", function() {

  mytext.innerHTML = mytext.innerHTML.replace(new RegExp(word, 'gi'), '<span class="h">' + word + '</span>')

}, false);

.h {
  background: yellow;
}

<p id="mytext">Lorem ipsum dolor sit amet, consectetur.</p>
<button id="btn">Click</button>

Answer 1

var mytext = document.getElementById("mytext");
var btn = document.getElementById("btn");

var word = /Consectetur/gi;

btn.addEventListener("click", function() {

  mytext.innerHTML = mytext.innerHTML.replace(word, '<span class="h">$&</span>')

}, false);

.h {
  background: yellow;
}

<p id="mytext">Lorem ipsum dolor sit amet, consectetur.</p>
<button id="btn">Click</button>