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

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>