Javascript 当BODY元素'；通过单击按钮可以打开/关闭（CSS类）的背景色？

当BODY的背景色（在我的例子中，单击按钮时切换为海蓝色）使用CSS类（包含所需的背景色样式）打开/关闭时，如何更改H2颜色

我在我的事件侦听器的回调函数中使用了以下条件，它应该检查按钮是否被单击

这里的问题是，当主体背景为

#42f4df

时，我看不到H2的颜色变化。我的条件语句只运行我假设的代码的else部分。 如何修复此问题并使H2相应地改变颜色？ 我也附上了我看到的结果的图片

最初

单击按钮一次

再次单击按钮

---

只需切换父元素的类并相应地设置其样式即可

函数切换类（）{
var元素=document.getElementById（“父项”）；
element.classList.toggle（“newstyle”）；
}

#父{背景：#eee；填充：20px；}
#父h1{颜色：红色；}
#parent.newstyle{background:green；}
#parent.newstyle h1{color:white；}

我的头球
点击我

你能在这里添加代码吗（不是代码截图）？