300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > html页面内检索 如何用 javascript 实现html页面的关键字搜索?

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

时间:2024-06-30 09:33:44

相关推荐

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。