Question

参考Strip HTML from Text JavaScript中@Sabaz的响应，我创建了一个本地HTML页面来测试不同的字符串以及DOMParser如何对待它们。但是，DOMParser似乎仅在页面加载时运行。 MDN article说我可以动态替换内容，所以-以下代码有什么问题？

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p>
      <textarea id="original" cols="64" rows="8">
&lt;p&gt;&lt;strong&gt;&lt;span style="font-size: large"&gt;Congratulations! &lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;You have been approved for financing by our dealership based on your consumer report and the information you provided in your credit application. Cr&#195;&#169;dito Real USA &lt;/p&gt;</textarea>
    </p>
    <p id="stripped"></p>
    <input
      type="button"
      onclick="strip('original', 'stripped')"
      value="Decode"
    />
    <script type="text/javascript">
      function strip(html, target) {
        var origTxt = document.getElementById(html).textContent;
        var doc = new DOMParser().parseFromString(origTxt, 'text/html');
        document.getElementById(target).innerHTML = doc.body.textContent;
      }
      strip('original', 'stripped');
    </script>
  </body>
</html>

为什么DOMParser仅在页面加载时起作用？

0 个答案: