获取当前元素的底层元素的背景色

在某些情况下，你可能需要获取元素的底层（即最原始的或嵌套在其下的）元素的背景色。这通常涉及到遍历元素树或使用特定库来获取这样的信息。然而，浏览器原生API并不直接提供这样的功能，因为CSS样式并不是由HTML节点结构所完全控制的。

如果你想实现这个功能，可以尝试使用MutationObserver来监听元素的改变，或者使用像`getComputedStyle`结合递归的方式来查找并返回底层元素的背景色。但这可能会比较复杂，并且不是所有浏览器都支持所有的DOM操作深度。

下面是一个简单的例子，展示如何递归地查找元素的祖先并获取其背景色：

function getAncestorBackgroundColor(element, currentColor = 'transparent') {
    if (!element.parentElement) {
        return currentColor; // 如果到达文档根节点，停止递归
    }

    const computedStyle = window.getComputedStyle(element.parentElement);
    const backgroundColor = computedStyle.backgroundColor || currentColor;

    // 继续向上搜索，直到找到实际的背景色
    return getAncestorBackgroundColor(element.parentElement, backgroundColor);
}

// 使用方法
const rootElement = document.getElementById('yourRootElement');
console.log(getAncestorBackgroundColor(rootElement));

请注意，这个方法可能会有性能开销，尤其是在复杂的DOM结构中，并且可能遇到跨浏览器兼容性问题。