Javascript - 清理特定的 html 元素

Question

首先，我有一个 html 形式的 API 返回。这将在我的 jqgrid 中使用。返回的样本会是这样的我的对象的示例名称是 obj。然后 obj.something 如下。

<div title="custom_title">
    <div id="upper">
         data from somewhere and this is the part that sometimes need to be sanitized without affecting the other tags
    </div>

</div>

到目前为止我尝试过这样做: var esc = $(''); 然后这样做了: esc.text(obj.something).html(); ，但它清理了所有内容。关于如何纯粹通过 JavaScript 进行清理，有什么我可能不知道的吗？

非常感谢任何帮助。

Answer 1

在这种情况下您可以使用DOMPurify

DOMPurify sanitizes HTML and prevents XSS attacks. You can feed DOMPurify with string full of dirty HTML and it will return a string with clean HTML. DOMPurify will strip out everything that contains dangerous HTML and thereby prevent XSS attacks and other nastiness.