本文目錄導(dǎo)讀：

1. 使用style屬性
2. 使用getComputedStyle方法

原生JS獲取標(biāo)簽CSS值的方法

在原生JavaScript中，我們可以通過多種方式獲取HTML標(biāo)簽的CSS值，這些方式包括使用style屬性、getComputedStyle方法以及window.getComputedStyle方法，下面我們將詳細(xì)介紹這些方法。

使用style屬性

每個(gè)HTML標(biāo)簽都有一個(gè)style屬性，該屬性包含了該標(biāo)簽的所有CSS樣式信息，我們可以通過訪問這個(gè)屬性來獲取CSS值。

var div = document.getElementById('myDiv');
var style = div.style;
console.log(style.backgroundColor); // 輸出背景顏色

使用getComputedStyle方法

getComputedStyle方法返回一個(gè)對象，該對象包含了所有應(yīng)用于指定元素的CSS屬性的值，我們可以使用這個(gè)方法來獲取CSS值。

var div = document.getElementById('myDiv');
var computedStyle = div.computedStyle;
console.log(computedStyle.backgroundColor); // 輸出背景顏色

需要注意的是，computedStyle方法只在IE9+和Firefox 3.5+等較新的瀏覽器中可用。

三、使用window.getComputedStyle方法

window.getComputedStyle方法與computedStyle方法類似，但它是在全局范圍內(nèi)可用的，我們可以使用這個(gè)方法來獲取CSS值。

var div = document.getElementById('myDiv');
var computedStyle = window.getComputedStyle(div);
console.log(computedStyle.backgroundColor); // 輸出背景顏色

需要注意的是，window.getComputedStyle方法在所有現(xiàn)代瀏覽器中都是可用的。

我們可以通過以上三種方法來獲取HTML標(biāo)簽的CSS值，選擇哪種方法取決于我們的具體需求和瀏覽器兼容性要求。