js搜索文本内容

最新推荐文章于 2023-03-10 21:00:07 发布

小五666\n哈哈

最新推荐文章于 2023-03-10 21:00:07 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/cpongo5/article/details/88736448

版权


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索文本内容title>
head>
<body>
    <input id="val" type="text" onkeyup="search();">
    <div id="html">123456789123456789abcdefghijklnmwieufsdklfadsf123div>

    <script>
        function search(){
            var val = document.getElementById('val').value;
            var html = document.getElementById('html').innerHTML;

            //清除上次搜索
            html = html.replaceAll('','');
            html = html.replaceAll('','');

            if(val.length==0){
                document.getElementById('html').innerHTML = html;
                return false;
            }

            var newHtml = html.replaceAll(val,''+val+'');

            document.getElementById('html').innerHTML = newHtml;
        }

        //replaceAll替换函数
        String.prototype.replaceAll = function(a,b){
            return this.replace(new RegExp(a,'gm'),b);
        }
    script>
body>
html>

运行结果

小五666\n哈哈

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js搜索文本内容

<html lang="en"><head> <meta charset="UTF-8"> <title>搜索文本内容title>head><body> <input id="val" type="text" onkeyup="search();"> <div ...
复制链接

扫一扫