Javascript实现文本的查找和替换效果

2017/06/18 10:44
阅读数 1.3K

 

在做项目的时候,也会经常做一些文本框的内容要查找替换功能! 比如一些发表文章的网站!今天主要来简单介绍如何实现文本的查找和替换:

效果图:

Javascript实现文本的查找和替换效果

Javascript实现文本的查找和替换效果

 

输入你要查找的文字,点击查找即可找到文章中搜索的结果,然后要是你想替换其他文字,在第二个input下输入你想替换的文字,按“替换”按钮就可以完成你的任务;

实现代码:

html+css:

Javascript实现文本的查找和替换效果

Javascript实现文本的查找和替换效果

JS代码:

Javascript实现文本的查找和替换效果

展开阅读全文
加载中

作者的其它热门文章

打赏
0
0 收藏
分享
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部