JavaScript——正则禁止匹配多个字符

大个个个个个儿

于 2023-04-14 10:06:49 发布

阅读量258

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_40269801/article/details/130147008

正则表达式专栏收录该内容

25 篇文章

订阅专栏

文章展示了JavaScript中正则表达式如何匹配字符串，并通过示例解释了不同量词的作用。同时，文章演示了如何使用DOM方法选取并替换HTML内容，将<span>标签内容转换为<h4>并设置为红色。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let str = 'haaa'
console.log(str.match(/ha+?/));//['ha'  +?禁止匹配多个
console.log(str.match(/ha*?/));//['h',   *?倾向于0个
console.log(str.match(/ha{1,10}?/))//['ha'  向小的方向匹配
console.log(str.match(/ha{1,}?/))//['ha'  向小的方向匹配
console.log(str.match(/ha?/))//['ha'  ?本身就是0或者1个
console.log(str.match(/ha??/))//['h'  ??就是0个

需求：span变h4 描红内容前面加上佳佳

<div>
    <span>jiasdgs.com</span>
    <span>jisdfsajia.cn</span>
    <span>jiasgasjia.otg</span>
  </div>

let divContent = document.querySelector('div');
let reg = /<span>([\s\S]+?)<\/span>/gi;
  divContent.innerHTML = divContent.innerHTML.replace(reg,(v,p1)=>{
  console.log(v,p1);
  return `<h4 style="color:red">佳佳${p1}<\/h4>`
})