js字符串文字添加不同颜色,replace的妙用$1...$9

更改字符串第一个数字为红色显示,第二个数字为黄色显示

$1匹配的是正则第一个括号选中的字符串,可以使用正则不断用括号匹配然后更改样式

const testStr = "剩余12个名额,截止时间12月25日"
testStr = this.testStr.replace(/(\d+)(\D+)(\d+)/, "<span style='color: red;font-size: 20px'>$1</span>$2<span style='color: yellow;font-size: 30px'>$3</span>")
<div v-html="testStr"></div>

在这里插入图片描述

相关推荐

  1. js 字符串 replace方法及示例

    2024-07-11 12:04:04       27 阅读
  2. js str字符串方法

    2024-07-11 12:04:04       45 阅读
  3. Node.js在前端:打造更出色Web体验

    2024-07-11 12:04:04       31 阅读
  4. linux | && 和 &

    2024-07-11 12:04:04       37 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-11 12:04:04       53 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-11 12:04:04       56 阅读
  3. 在Django里面运行非项目文件

    2024-07-11 12:04:04       46 阅读
  4. Python语言-面向对象

    2024-07-11 12:04:04       57 阅读

热门阅读

  1. 小笔记(1)

    2024-07-11 12:04:04       18 阅读
  2. Android知识收集

    2024-07-11 12:04:04       18 阅读
  3. 2024前端面试真题【Vue篇】

    2024-07-11 12:04:04       18 阅读
  4. 使用semgrep做代码规范扫描

    2024-07-11 12:04:04       19 阅读
  5. L4 Persistence and Streaming

    2024-07-11 12:04:04       15 阅读
  6. DDOS 攻击原理

    2024-07-11 12:04:04       16 阅读
  7. .net 8 使用 quic 协议通讯

    2024-07-11 12:04:04       19 阅读
  8. jvm 06 补充 OOM 和具体工具使用

    2024-07-11 12:04:04       21 阅读