如何根据查询结果“高亮”div？

<div>
  这是一段包含查询结果的文本，其中需要高亮的部分是<span class="highlight">查询关键词</span>。
</div>

.highlight {
  background-color: yellow;
  color: black;
}

<div id="content">
  这是一段包含查询结果的文本，其中需要高亮的部分是查询关键词。
</div>

var content = document.getElementById("content");
var keyword = "查询关键词";
var regex = new RegExp(keyword, "gi");
content.innerHTML = content.innerHTML.replace(regex, "<span class='highlight'>$&</span>");