JavaScript中獲取元素的背景顏色是非常常見的需求。在許多場景中，我們需要獲取元素的背景顏色，來執行一些針對顏色的操作，比如更改該元素的文本顏色、背景顏色等等。實現這個功能的方法有很多種，接下來我們將介紹其中比較常見的幾種情況。

1. 獲取元素的style背景顏色

在使用style標簽直接設置元素的背景顏色時，我們可以通過以下代碼獲取到該元素的背景顏色：

var elem = document.getElementById("myDiv");
var bgColor = elem.style.backgroundColor;

需要注意的是，這種方法只能獲取到通過樣式表直接設置在該元素上的背景顏色。如果該元素的背景色是從其他樣式或計算出來的，則該方法將無法獲取正確的值。

2. 獲取元素的computedStyle背景顏色

如果我們想要獲取元素的真實背景顏色，即在樣式表中計算出的最終結果，我們需要使用getComputedStyle()方法。

var elem = document.getElementById("myDiv");
var bgColor = window.getComputedStyle(elem, null).getPropertyValue('background-color');

需要注意的是，getPropertyValue()方法獲取到的顏色值是一個字符串，因此在使用時需要進行格式轉換或者比較時需要使用rgb()方法進行轉換。

3. 獲取元素的背景顏色和透明度

在某些場景下，我們需要獲取元素的背景顏色和透明度，比如實現一個與背景色相似但不完全相同的元素效果。此時，我們可以使用JS對象的backgroundColor和backgroundColorAlpha屬性來獲取該元素的背景顏色和透明度。

var elem = document.getElementById("myDiv");
var bgColor = elem.backgroundColor;
var alpha = elem.backgroundColorAlpha;
var rgba = 'rgba(' + bgColor.red + ',' + bgColor.green + ',' + bgColor.blue + ',' + alpha + ')';

需要注意的是，該方法只對支持CSS3的瀏覽器有效。

4. 獲取頁面的背景顏色

如果我們想要獲取整個頁面的背景顏色，我們可以獲取body元素的背景顏色：

var bgColor = window.getComputedStyle(document.body, null).getPropertyValue('background-color');

該方法同樣需要注意rgb()轉換等問題。

以上就是常見的幾種獲取元素背景顏色的方法，根據使用場景不同可以選擇不同的方法進行獲取。