替换保留原始空间的单词

由 发布于

我遇到以下问题。为了保留被下划线替换的单词的原始空间，我应该使用哪个跨度。谢谢大家。

<p id="myID">this is a sunny day<p>

var Phrase = document.getElementById("myID").innerHTML;
Replace = Phrase.replace("sunny", '<span class="selected">' + "_" + '</span>');
document.getElementById("myID").innerHTML = Replace;

span.selected {
  color: white;
  background-color: black;
}