regexを使ってタグ間のテキストを置き換える方法

Question

スタイルやクラスの属性を含んでも含まなくてもよいdivタグを表す文字列のテキストを置き換えたいと思います。

str = str.replace(/<div>[\s\S]*?<\/div>/, '<div>' + newText+ '<\/div>'); 

しかし、私は考慮に属性を取るかどのように：それはちょうどタグであれば例えば、

var s = "<div style='xxx' class='xxx'>replaceThisText<div> 

は、私はちょうどこれを行うことができます信じますか？

Answer 1

一時的な要素をHTMLコンテンツとして生成し、コンテンツを更新した後にdivを取得してコンテンツを更新した後、一時的な要素のHTMLを取得します。 regexでないのはなぜ

var s = "<div style='xxx' class='xxx'>replaceThisText<div>"; 
 

 
// create a temporary div element 
 
var temp = document.createElement('div'); 
 

 
// set content as string 
 
temp.innerHTML = s; 
 

 
// get div within the temporary element 
 
// and update the content within the div 
 
temp.querySelector('div').innerHTML = 'newText'; 
 

 
// get back the current HTML content in the 
 
// temporary div element 
 
console.log(temp.innerHTML)

？

RegEx match open tags except XHTML self-contained tags

Using regular expressions to parse HTML: why not?

Answer 2

正規表現はHTMLコンテンツを解析するには良い決断になることはありません。
（compatibility tableを参照して、DOMParser実装をサポートするブラウザ用）DOMParserオブジェクトを使用して、次の短い溶液を考える：

var s = "<div style='xxx' class='xxx'>replaceThisText<div>", 
 
    tag = (new DOMParser()).parseFromString(s, 'text/html').querySelector('.xxx'); 
 

 
tag.textContent = 'newText'; // replacing with a new text 
 
console.log(tag.outerHTML); // outputs the initial tag representation with replaced content

https://developer.mozilla.org/ru/docs/Web/API/DOMParser