当前位置: 首页 > news >正文

js将搜索的关键字加颜色

js将搜索的关键字加颜色

使用正则匹配关键字并加入span标签,页面渲染时使用v-html渲染即可

// 文本框内容
let searchCont = '测试';const reg = new RegExp(`(${searchCont.value})`, 'g');
let data = '图片保存测试A';
data= data.replace(reg, `<span style="color:#ff0000">${searchCont}</span>`);

在这里插入图片描述

http://www.lryc.cn/news/139179.html

相关文章:

  • Docker安装Oracle数据库打开、链接速度很慢
  • 学生分班查询系统的创建与使用指南
  • 全套解决方案:基于pytorch、transformers的中文NLP训练框架,支持大模型训练和文本生成,快速上手,海量训练数据!
  • ffmpeg
  • CH03_代码的坏味道(下)
  • journal日志导致服务器磁盘满
  • “Go程序员面试笔试宝典”复习便签
  • 数组的度(指数组里任一元素出现频数的最大值)
  • scala array类型参数
  • 构建 NodeJS 影院预订微服务并使用 docker 部署(03/4)
  • html写一个向flask_socketio发送消息和接收消息并显示在页面上
  • C#使用.Net Core进行跨平台开发
  • Java“牵手”天猫店铺所有商品API接口数据,通过店铺ID获取整店商品详情数据,天猫API申请指南
  • php输入post过滤函数,入库出库,显示
  • matlab-对数据集加噪声并实现tsne可视化
  • 【BASH】回顾与知识点梳理(三十八)
  • Sql注入攻击的三种方式
  • dockerfile部署前端vue打包的dist文件实战
  • [技术杂谈]MobaXterm中文乱码编码问题一种解决方法
  • mac os M1 安装并启动 postgreSQL 的问题
  • 如何使用Wireshark进行网络流量分析?
  • 抖音web主页视频爬虫
  • 常用的jar包【maven坐标格式】
  • 【分布式】VMware FT概要
  • 江西南昌电气机械三维测量仪机械零件3d扫描-CASAIM中科广电
  • MySQL三大日志(binlog、redo log和undo log)详解
  • 七大排序算法详解
  • [docker][WARNING]: Empty continuation line found in:
  • 探工业互联网的下一站!腾讯云助力智造升级
  • SpringBoot上传文件的实现与优化