在HTML中搜索和替换单词

<input type="text" id="searchInput" placeholder="输入要搜索的关键词">

function searchAndHighlight() {
  // 获取用户输入的关键词
  var keyword = document.getElementById("searchInput").value;
  
  // 获取页面中的所有文本内容
  var pageContent = document.body.innerHTML;
  
  // 使用正则表达式进行搜索，并替换匹配的文本为带有高亮样式的文本
  var highlightedContent = pageContent.replace(new RegExp(keyword, "gi"), "<span class='highlighted'>$&</span>");
  
  // 将替换后的内容重新渲染到页面中
  document.body.innerHTML = highlightedContent;
}

.highlighted {
  background-color: yellow;
}

<button onclick="searchAndHighlight()">搜索并替换单词</button>