javascript - 使用正则表达式删除所有 HTML 元素

Question

我正在尝试构建一个程序，以便在每次按下按钮时运行一个函数，并输出返回值。为此，我使用以下 HTML:

<h2>Test Results:</h2>
    <strong><span id='runs'>0</span> tests</strong><br>
    <div id='testResults'>
        <button id='test' onClick='this.parentNode.innerHTML = initiatePlanB()'>Begin</button>
    </div>

这是javascript:

var tests = document.getElementById('runs');
var inner = document.getElementById('testResults').innerHTML;
//Here's the part I can't figure out
var wo = inner.replace(??????, '');
var out = wo + '<br><strong>Test #' + String(Number(tests.innerText) + 1) + '</strong><br>';
tests.innerText = Number(tests.innerText) + 1;
//More stuff here
return out;

基本上，我需要一个正则表达式，或者其他可以删除任何 html 标记及其内容的函数。

Answer 1

为什么不使用 getElementsByTagName('button') 查找所有按钮

然后全部删除？

var testCount = 0;
var tests = document.getElementById('runs');
var inner = document.getElementById('testResults')

function initiatePlanB() {
  var buttons = inner.getElementsByTagName('button');
  if (buttons) {
    for (var i = 0; i < buttons.length; i++) {
      buttons[i].remove();
    }
  }

  testCount++;
  inner.insertAdjacentHTML('beforeend', '<br><strong>Test #' + testCount + '</strong><br>');

  tests.innerText = testCount;
  //More stuff here
}

<h2>Test Results:</h2>
<strong><span id='runs'>0</span> tests</strong><br>
<div id='testResults'>
  <button id='test' onClick='initiatePlanB()'>Begin</button>
</div>

尽管您可能应该只隐藏按钮或禁用它们。