用正则获取html 里的标签，并替换标签里的内容

最新推荐文章于 2023-02-11 17:31:52 发布

京城烟雨灬落

最新推荐文章于 2023-02-11 17:31:52 发布

阅读量820

点赞数

分类专栏： js方法正则文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/qq_42174597/article/details/128947538

版权

js方法同时被 2 个专栏收录

15 篇文章 1 订阅

订阅专栏

正则

2 篇文章 0 订阅

订阅专栏

1. 有一段 html 内容，我们需要获取里面的标签怎么获取呢，假如需要改里面的内容，怎么改呢。

var hml=`<div>
          <span>哈哈哈</span>
          <span>哈哈哈1</span>
          <span>哈哈哈2</span>
        </div>`
 var tempData=hml.match(/<[^>]+>/g);
 console.log('tempData',tempData)  
//['<div>', '<span>', '</span>', '<span>', '</span>', '<span>', '</span>', '</div>']

获取里面的每一个标签，
 for(var i=0;i<tempData.length;i++){
    var tmk= tempData[i].replace(/<tempData[i]/g, 'tempData[i]')
    console.log('tmk',tmk)
   //<div> <span> </span> <span> </span> <span> </span> </div>
    
 }
  // 给标签里面的内容加上{{''}}
     var temk=hml.replace(/(<span>)(.*)(<\/span>)/g, '$1{{\'$2\'}}$3');  
     console.log(temk)
   //打印得到  <div>
   //       <span>{{'哈哈哈'}}</span>
   //       <span>{{'哈哈哈1'}}</span>
   //       <span>{{'哈哈哈2'}}</span>
   //     </div>