javascript - 使用正则表达式组合两个 HTML 数据值

Question

我正在尝试将两个 HTML 数据合并到一个 HTML 标记中。我正在尝试使用正则表达式来做到这一点。

HTML 看起来像这样

var temp = document.getElementById('data').innerHTML;


console.log(temp);

<div id="data">
  <strong>20 </strong>
  <strong>0 </strong>
  <strong>0 /-</strong>
</div>

我的expexted输出是<strong>2000/-</strong>

Answer 1

// you should get the textContent instead of the innerHTML
var temp = document.getElementById('data').textContent;

// removes all spaces and 
// surrounds the output with the <strong> element
var newhtml = `<strong>${ temp.replace(/\s/g,'') }</strong>`;

// replaces the innerHTML of the data with newhtml 
document.getElementById('data').innerHTML = newhtml

<div id="data">
  <strong>20 </strong>
  <strong>0 </strong>
  <strong>0 /-</strong>
</div>