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结构造成影响呢？类似浏览器的搜索功能