Javascript 反转完整的网页颜色，并使用单个切换按钮反转它们

我需要帮助使这个JSFIDLE反转颜色反转，我尝试了许多方法和技巧，但每次都以某种方式失败

---

上面是我想在我的网站上使用的JSFIDLE的链接。同一个按钮应该反转功能，但它没有这样做。我认为它有某种错误。

与其将样式添加到标题，不如将其直接应用到

元素。然后，您可以通过在

negativear

函数中放置类似的内容，轻松地将其删除：

var html = document.getElementsByTagName('html');

if (html.getAttribute('style')) {
    html.setAttribute('style', '');
} else {
    html.setAttribute('style', 'YOUR STYLE HERE')
}

---

指定

html

和

body

高度和

white

背景，而不是透明：

$（“按钮”）。单击（函数（）{
$（“html”）.toggleClass（“反向”）；
});
html，正文{
背景：白色；
身高：100%；
保证金：0；
填充：0；
框大小：边框框；
}
身体{
填充：1em；
}
.倒转{
-webkit过滤器：倒置（100%）；
过滤器：倒置（100%）；
}

反向
您的JSFIDLE链接不正确。请提供正确的链接并公开。我爱你！！！这是最简单的形式非常感谢你：D