原生獲取 CSS 屬性值的方法有很多種，下面分別介紹兩種常見的方法：

## 1. 使用 JavaScript 獲取 CSS 屬性值

使用 JavaScript 可以非常方便地獲取 CSS 屬性值，只需要在需要獲取屬性值的 HTML 元素上添加 `style` 標簽，然后使用 JavaScript 的 `style.getComputedStyle()` 方法獲取屬性值，如下所示：

```javascript

const element = document.getElementById('my-element');

const style = element.style;

console.log(style.getComputedStyle());

在這個例子中，我們獲取了需要獲取的 CSS 屬性值，然后使用 `getComputedStyle()` 方法將其打印到控制臺。

需要注意的是，如果 CSS 屬性有多個值，多個方法都有可能返回這些值，具體返回的值取決于 CSS 規(guī)則的優(yōu)先級。如果要獲取優(yōu)先級較高的屬性值，需要使用 `getComputedStyle()` 方法，并將 `style.currentStyle` 留空，如下所示：

```javascript

const element = document.getElementById('my-element');

const style = element.style;

console.log(style.getComputedStyle());

console.log(style.currentStyle);

在這個例子中，我們分別打印了 `getComputedStyle()` 和 `currentStyle()` 方法返回的值，以確保我們獲取了正確的屬性值。

## 2. 使用 Fetch API 獲取 CSS 屬性值

除了使用 JavaScript 獲取 CSS 屬性值，我們還可以使用 Fetch API 獲取 CSS 屬性值。Fetch API 是 JavaScript 中用于獲取 Web 資源的 API，它允許我們在 JavaScript 代碼中執(zhí)行 HTTP 請求，并從響應(yīng)中獲取數(shù)據(jù)。

下面是一個使用 Fetch API 獲取 CSS 屬性值的例子：

```javascript

.then(response => response.text())

.then(text => console.log(text));

在這個例子中，我們使用 `fetch()` 方法獲取了需要獲取的 CSS 屬性值，然后使用 `response.text()` 方法獲取了響應(yīng)的文本內(nèi)容，然后使用 `console.log()` 方法將其打印到控制臺。

需要注意的是，如果 CSS 屬性值是動態(tài)生成的，需要使用 Fetch API 的 `response.headers['Content-Type']` 方法獲取響應(yīng)的 Content-Type 屬性值，以確保我們獲取到正確的數(shù)據(jù)。

## 總結(jié)

原生獲取 CSS 屬性值的方法有很多種，使用 JavaScript 獲取屬性值的方法可以非常方便地獲取，而使用 Fetch API 獲取屬性值的方法也可以保證我們獲取到正確的數(shù)據(jù)。當然，具體使用哪種方法取決于具體的應(yīng)用場景和需求。