html页面内检索,如何用 javascript 实现html页面的关键字搜索?

Title

.highlight {

background-color: yellow;

}

Hello

hello1

hello2

<span>{{sss}}</span>

This is test.

  • How are you?
  • Fine, Thank you, and you?
  • I'm fine, too. Thank you.
  • ??????????????????????????????????????????????????????????????????????????????

最新消息

(function () {

var input = document.getElementsByTagName('input')[0]

var origin = document.getElementsByClassName('markdown-body')[0].innerHTML;

input.addEventListener('keyup', function () {

var searchKey = input.value

console.log('keyup', searchKey)

document.getElementsByClassName('markdown-body')[0].innerHTML =

origin.replace(searchKey, '' + searchKey + '')

})

}())

如何搜索markdown-body中的关键字,又不对html结构造成影响呢?类似浏览器的搜索功能