CSS的width屬性用于設置元素的寬度，通常是以像素為單位進行配置。本篇文章將介紹如何獲取一個元素在CSS中設置的width值。

// 獲取元素的寬度
var element = document.getElementById('example');
var width = window.getComputedStyle(element).getPropertyValue('width');
console.log(width); // "200px"

首先我們需要獲取要查詢的元素，可以使用document.getElementById()等方法獲取。然后調用window.getComputedStyle()方法獲取元素的計算樣式，該計算樣式包含了CSS樣式表中所有的樣式信息，包括元素的width屬性。最后，通過getPropertyValue()方法獲取width屬性對應的值，得到的值包含數字和單位。

如果想要獲取純數字的width值，可以使用parseInt()將獲取得的字符串轉成數字類型：

// 獲取元素的寬度（去掉單位）
var element = document.getElementById('example');
var width = window.getComputedStyle(element).getPropertyValue('width');
console.log(parseInt(width)); // 200

除了使用JavaScript代碼獲取width屬性，也可以使用開發者工具來查看元素的CSS樣式表中的width屬性，從而得到元素的寬度值。在Chrome瀏覽器中，通過選中元素并直接在元素樣式上查看即可：

.example {
width: 200px;
}

使用上述方法可以方便地獲取元素在CSS中設置的width屬性值，為開發調試提供便利。