删除标签的属性方案收集

背景

某站有人问到此问题，记录一下，以防以后要用

目的

希望收到跟多的解决方案，欢迎留言

    /**
     * 删除所有标签属性，支持忽略标签
     * @param {*} str 字符串文本
     * @param {*} ignoreArr 要忽略的标签
     */
    function deleteAllTagAttr(str, ignoreArr) {if (typeof str !== 'string') return
      let  reg = new RegExp(`<(?!(${ignoreArr.join('|')}))(.*?)(?:>|\/>)`, 'gi')
        return str.replace(reg, mstr => {return mstr.replace(/(<[A-z]+)(.*)?(\/?>)/gi, '$1$3')
        })
    }
    
    /**
     * 删除指定标签属性，* @param {*} str 字符串文本
     * @param {*} tagArr 要删除属性的标签
     */
    function deleteTagAttr(str, tagArr) {if (typeof str !== 'string') return
      let  reg = new RegExp(`<(?:(${tagArr.join('|')}))(.*?)(?:>|\/>)`, 'gi')
        return str.replace(reg, mstr => {return mstr.replace(/(<[A-z]+)(.*)?(\/?>)/gi, '$1$3')
        })
    }
    
    
    
    
    
    // 测试文本
    let test = `
    <div class="seach-nav-c goods-top-seach"></div>
    <img src="http://1907/10172941e5ft.jpg"  alt=""class="seach-ad-img" />
    <video src="ssss" class="sss"></video>
    <audio src="ssss" class="sss"></audio>
    <a href="ssss" >fdsf </a>
    `
    
    console.log(deleteAllTagAttr(test, ['img','video','audio']))
    /* 打印结果
      <div></div>
      <img src="http://1907/10172941e5ft.jpg"  alt=""class="seach-ad-img" />
      <video src="ssss" class="sss"></video>
      <audio src="ssss" class="sss"></audio>
      <a>fdsf </a>
     */
    
     console.log(deleteTagAttr(test, ['img']));
    /** 打印结果
      <div class="seach-nav-c goods-top-seach"></div>
      <img>
      <video src="ssss" class="sss"></video>
      <audio src="ssss" class="sss"></audio>
      <a href="ssss" >fdsf </a>
     */