在Web前端開發中，JavaScript（簡稱JS）和CSS是無法分割的兩個領域。我們常常需要用JS來拿到CSS中的一些屬性和值，用于實現動態變化。

JavaScript提供了多種方式來獲取CSS的屬性，其中一種是使用getComputedStyle方法。這個方法返回一個包含指定元素所有計算過的樣式的對象。

var element = document.getElementById('myDiv');
var style = window.getComputedStyle(element);
var color = style.getPropertyValue('color');

在這段代碼中，我們使用getElementById方法獲取到一個ID為myDiv的元素，然后使用getComputedStyle方法獲取該元素的所有計算過的樣式。最后，我們使用getPropertyValue方法獲取該元素計算后的color屬性。

需要注意的是，getComputedStyle方法獲取到的屬性值是計算過的，包括了繼承的樣式，但不包括內聯樣式。

除了getComputedStyle方法，我們還可以使用另一種方法來獲取CSS的屬性，那就是使用元素的style屬性。在JS中，每個元素都有一個style屬性，該屬性包含了所有應用于該元素的CSS屬性。style屬性中的屬性值為字符串類型，可以通過直接改變該屬性值來改變元素的樣式。

var element = document.getElementById('myDiv');
element.style.color = 'red';

在這段代碼中，我們使用getElementById方法獲取到一個ID為myDiv的元素，然后直接修改該元素的style屬性中的color屬性為red，從而改變該元素的文字顏色為紅色。

總結來說，在Web前端開發中，JS中拿到CSS屬性的方法有很多，上述方法僅僅是其中的兩種，要根據實際開發需要選擇合適的方法。