如何在悬停在链接上时反转整个页面的颜色

a:hover {
  color: white; /* 设置链接文字颜色为白色 */
  background-color: black; /* 设置链接背景颜色为黑色 */
}

// 获取页面上的所有元素
var elements = document.getElementsByTagName("*");

// 遍历元素并反转颜色
for (var i = 0; i < elements.length; i++) {
  var element = elements[i];
  var bgColor = window.getComputedStyle(element).backgroundColor;
  var textColor = window.getComputedStyle(element).color;
  
  // 反转颜色
  element.style.backgroundColor = textColor;
  element.style.color = bgColor;
}