javascript – Regulärer Ausdrucksabgleich, der den Inhalt in HTML-Tags ersetzt

Question

Regulärer Ausdrucksabgleich, der den Inhalt im HTML-Tag ersetzt, mit Ausnahme des Inhalts des HTML-Tags selbst
Zum Beispiel:
var str="<p class='article'><p class='article-item; '> Article-item</p></p>";

Passende Schlüsselwörter: Artikel;

Das gewünschte Matching-Ergebnis ist:<p class="article"><p class="article-item"><span style="color:red">article</span>-item< p></p>>

Answer 1

var a="<p class='article'><p class='article-item'>article-item</p></p>".replace(/>([^<]*)<\//,function($0,$1){
    var a=$1.split('-');
    if(a.length>1){
        return `><span style='color:red'>${a[0]}</span>-${a[1]}<`
    }else{
        return `>${a[0]}<`
    }
})
console.log(a)