js 写一个简单的搜索关键字

随便写下body

   <h3 id="h3">根据叮咚买菜公开招股书信息显示，自2017年5月自上海起步，叮咚买菜现已覆盖全国29座城市，拥有40个区域处理中心和超过950个自营前置仓，其中5座城市的月GMV超1亿元。根据灼识咨询的数据，叮咚买菜是国内增速最快的即时电商；此外，叮咚买菜亦从最早的生鲜杂货品类，拓展至其他日用商品。
   </h3>
   <input id="ipt" type="text">
   <button id="but">搜索</button>

接下来写js部分

 but.onclick=function(){
      var sp=document.querySelectorAll("span")
      for (let i = 0; i < sp.length; i++) {
      sp[i].style.color=""         
      }
      var hh = h3.innerHTML
      let ipt1 =ipt.value 
      var reg = new RegExp(ipt1,'g')
      var result=(hh.replace(reg,"<span style='color:red'>"+ipt1+"</span>"))
      h3.innerHTML=result
   }

思路呢 就是点击 先清空颜色

然后 获取输入框中的值 在然后把这个值用span标签包裹 替换h3中 所有相应的值

目的就是为了给他改个颜色

别的功能自己加嘛 比如加个搜索记录啊 或者调内容什么的也可以 就是功能不全