面试官：写一下文本高亮叭。

实现场景：在文本框输入查询的文本时，上面的段落文本匹配高亮。

<div id="content">
        中国队提前锁定乒乓球女单金银牌,https://www.toutiao.com/group/6990306654713692684/,快讯,,9991
        郎平说没想到朱婷伤这么重,https://www.toutiao.com/group/6990290649061065224/,环球网,https://www.toutiao.com/c/user/token/MS4wLjABAAAAvazHMceCo3MeM9IJbll231AC8GkJDcrd__iZFw2hi4o/,8916
        肖若腾“被打低分”无缘金牌后，当场执法印度裁判被曝曾发文：“应有人阻止中国大获全胜”,https://www.toutiao.com/group/6989940497737351687/,环球网,https://www.toutiao.com/c/user/token/MS4wLjABAAAAvazHMceCo3MeM9IJbll231AC8GkJDcrd__iZFw2hi4o/,4593
        被孙颖莎4:0横扫之后，伊藤美诚哭了说“很不甘心”,https://www.toutiao.com/group/6990172947449201185/,环球网,https://www.toutiao.com/c/user/token/MS4wLjABAAAAvazHMceCo3MeM9IJbll231AC8GkJDcrd__iZFw2hi4o/,4107
        美国公开天津会谈内幕，谢尔曼直接给中国定罪，为何要激怒中方？,https://www.toutiao.com/group/6990269163658871335/,刘晓非说,https://www.toutiao.com/c/user/token/MS4wLjABAAAAnYr4heorrcdDCgReFRaoqAL17AFKmjwAuJlK-QlZdGQ/,4001
        暴打伊藤！女单半决赛第二局孙颖莎3-9落后
        连得8分完成超级逆转,https://www.toutiao.com/group/6990184480505856525/,直播吧,https://www.toutiao.com/c/user/token/MS4wLjABAAAAjiGR2WNpvlGgfhkn8pdqhsZsQmqE-hliqNfXcbFp4pU/,3523
        “水跟方便面真的不要再捐了”说明了什么,https://www.toutiao.com/group/6990172994395963907/,中国青年网,https://www.toutiao.com/c/user/token/MS4wLjABAAAAxvhRvfp8QotIo15bD0cWxFiKWMXaUldeG_Ep2unxBqM/,3284
        伊藤美诚哭着离开赛场，日本媒体问孙颖莎：是带着复仇之心来比的吗？
    </div>
    <input type="text" id="text" placeholder="请输入关键字" />
    <input type="button" id="button" value="确定" />
    
    <script>
        let content = document.getElementById("content");
        let contents = content.innerHTML;
        let text = document.getElementById("text");
        let button = document.getElementById("button");
        button.addEventListener('click', function () {
            let value = text.value;
            let values = contents.split(value);
            content.innerHTML = values.join('<span style="background:green;">' + value + '</span>');
        })
    </script>

根据搜索框内的信息分隔文本，最后拼接字符串并设置css样式。

记录记录！