原生js实现html查找,javascript,_如何用 javascript 实现html页面的关键字搜索？，javascript - phpStudy...

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

相关阅读:

Webpack中入口的index.html中script标签的js如何打包？

webstorm中下载mongoose的错误

vue 请求加载数据的时候如何显示加载动画

谁有laravel5.3+vue2.1的配置

小程序如何实现根据后台状态实时更新数据？

node express4静态资源设置

如何在有自增id的情况下，让其他某些字段能不重复插入

GitLab-webhook-PHP 详解 GitLab Webhooks 自动部署应用服务器

log4js-node 如何将console里的全部信息输出到日志文件里？

C++最简单的字符串解码问题

EmEditor的缩进问题

如何用webpack在打包的文件中加上md5后缀

webpack打包entry只有一个，build生成3个

用javascript来计算字体高度和宽度

pom.xml文件中如何配置tomcat，使我这个服务只能被一个固定ip访问

微信底部菜单可以因人而异吗

vue2.0 报错信息： Error when rendering root instance: 求大神解决？

python 如何在不同模块中引入同一个实例变量?

The version given was unknown or has no registered routes.

mod_python问题求助