得到一些頂級元素的HTML頁面的（背景）顏色

Question

首先， document.body.style.backgroundColor在我的情況下不返回正確的顏色（它甚至沒有設置），因為頁面都填充了div。

有沒有辦法獲得頂部像素行中某些像素的顏色？ 或者其他一些通用的方法來獲得一些頂級（或支配）元素的背景顏色？ 解決方案不一定非常精確，只能主要工作（尤其是我的情況:)）。

一種方法，對我目前的情況有效，是這樣的：

$("div").css("background-color")

但是，我對它並不十分滿意，因為它有太多的例外，比如它需要JQuery，並期望這會返回一個相關的div，並且div有一個背景顏色集。

Answer 1

像這樣的東西應該找到具有背景顏色的身體的第一個子元素。
請注意，它不會搜索嵌套元素。

var el = document.querySelector('body > *'), color = null;

while ( el && !color) {
    color = el && el.style ? el.style.backgroundColor : null;
    el = el.nextSibling;
}

小提琴