Javascript 模糊除特定div之外的所有内容

一旦出现div，我想模糊整个背景。我已经隐藏了div，它将显示在按钮单击中。在该div外观上，整个背景应该是模糊的。我该怎么做呢？

你可以做以下事情

在css中

.blur{
过滤器：模糊（5px）；
}

javascript文件

document.querySelector("*").classList.add("blur");
document.querySelector("div_id").classList.remove("blur");