如何使用javascript模糊除一个之外的所有元素

我正试图模糊所有元素，除了这个标签。请记住，我希望用javascript实现这一点。不是jQuery或CSS，因为我正在尝试学习普通javascript

我发现了一个类似的答案@prog1011给出了一个答案，我正在尝试实现，但它没有起作用

如何模糊除p此标记之外的所有元素？

结合使用.querySelectorAll和.forEach，因为.style只能在单个节点上使用：

document.querySelectorAllbody:不是这个 .forEachelement=>element.style.filter=blur2px； 新标题 新标题2 新标题2

本段

该段落结合了.queryselectoral和.forEach的用法，因为.style只能在单个节点上使用：

document.querySelectorAllbody:不是这个 .forEachelement=>element.style.filter=blur2px； 新标题 新标题2 新标题2

本段

该段落

如果pthis是子元素怎么办？这行吗？如果pthis是子元素呢？这行吗？

<h1>New Title</h1>
<h2>New Title 2</h2>
<h3>New Title 2</h3>
<p id="this">New paragraph</p>

document.querySelector("body :not(#this)").style.filter = "blur(2px)";