htmlタグとnbspsの間のスペースの置換

Question

純粋なJavaScriptを使用してnbspsとhtmlタグの間のスペースを置き換えたいと思います。

<div><span>Apple</span>  <span>Grapes</span></div> 

あなたは2つのスパンのノード間のスペースを見ることができます： これは私のhtmlです。これらのスペースは& nbspsに置き換えてください。

結果は次のようになります。

<div><span>Apple</span><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>Grapes</span></div> 

私を助けてください。 `DIV {空白：事前ラップ;}`

Answer 1

はCSS

var input= "<div><span>Apple</span>  <span>Grapes</span></div>" 
 

 
var output = input.replace(/<\/span>\s*<span>/g, function(match){ return match.replace(/\s/g, "&nbsp;") }); 
 

 
console.log(output);