脚本内容在此语句上执行
wrapElement.innerHTML = document.getElementById("html-input").value;
所以这里是如何修复它

function createEle() {
  const wrapElement = document.createElement('div');
  wrapElement.innerHTML =  DOMPurify.sanitize(document.getElementById("html-input").value);
  console.log(wrapElement.outerHTML)
  document.getElementById("sanitized-html").innerHTML = wrapElement.innerHTML;
}

<script src="https://cdn.jsdelivr.net/npm/dompurify@2.0.16/dist/purify.min.js"></script>
<textarea id="html-input"></textarea>
<button onclick="createEle()">Show Sanitized HTML</button>
<div id="sanitized-html"></div>

或者更短，假设您想继续使用 Package 器：

document.getElementById("sanitized-html").innerHTML = wrapElement.innerHTML;

以下是事件的顺序：
1.读取原始用户输入
1.将原始用户输入注入DOM（wrapElement.innerHTML =）
1.从DOM读取规范化的用户输入
1.通过DOMPurify.sanitize传递规范化的用户输入
1.将净化后的用户输入注入DOM
由于步骤2而触发警报。

因为您在这里使用的是未净化的HTML：

const wrapElement = document.createElement('div');
wrapElement.innerHTML = document.getElementById("html-input").value;

不要跳过这些步骤，只需将文本直接传递给DOMPurify：
x一个一个一个一个x一个一个二个x
或者更简单地说：
一个三个三个一个
或者更简单地说：

function createEle() {
    document.getElementById("sanitized-html").innerHTML = DOMPurify.sanitize(
        document.getElementById("html-input").value
    );
}

<script src="https://cdn.jsdelivr.net/npm/dompurify@2.0.16/dist/purify.min.js"></script>
<textarea id="html-input"></textarea>
<button onclick="createEle()">Show Sanitized HTML</button>
<div id="sanitized-html"></div>