Javascript 隐藏背景动画的按钮

我正在寻找一种方法来实现这一点：

我想有一个网站上的按钮，它控制的背景动画。它应该直接淡出，不延迟整个背景动画通过点击，但通过再次点击，它应该淡入

我试过这个：

如果document.querySelector.Welle.style.display=='none'{ document.querySelector.Welle.style.display='block'； } 否则{ document.querySelector.Welle.style.display='none'； } 腹地 试试这个：

功能背景按钮{ 如果document.querySelector.Welle.style.display=='none'{ document.querySelector.Welle.style.display='block'； } 否则{ document.querySelector.Welle.style.display='none'； } } 测试 var Welle=document.querySelector'.Welle'； 功能背景按钮{ //如果显示为none，则返回block，否则返回none var dp=Welle.style.display=='none'？'block'：'none'； Welle.style.display=dp； } 正文{边距：0；填充：0} 韦勒先生{ 宽度：100%； 高度：100vh； 背景：黄色url'http://wallpapercave.com/wp/pwQMS6f.jpg"不重复,； 背景尺寸：封面； z指数：-1； 显示：块； 位置：固定； 排名：0； 左：0； }

---

hintergrundt要添加此功能，应为div指定一个类。当类存在时，css中的类将在项目中淡出，而当类不存在时，css中的类将在项目中淡出。在你的JS中，当点击按钮时，你将添加和删除该类。可能是我误解了你的意思，但我已经在处理类了。Welle定义了一个类元素。您正在使用.Welle类在DOM中选择背景，但没有为该类定义样式。您应该向.Welle添加样式，然后将该类删除/添加到您用JS单击的项目中。非常感谢，效果非常好，您解决了我的问题。