如何使用angularjs獲取元素的顏色

Question

我正在嘗試使用角度js獲取元素的顏色，但我沒有成功。下面是我在做什麼：

function colorApply() { 
var cardsList = document.getElementsByClassName("card-abbr"); 
$timeout(function() { 
    angular.forEach(cardsList, function(value) { 
    var color = value.css('color'); 
    /*var color = value.style.color;*/ 
    console.log(color); 
    }); 
}, 1000); 
} 

我的CSS：

.card-abbr:nth-child(1n) { 
    color: #EF2525; 
} 
.card-abbr:nth-child(2n) { 
    color: #88ba41; 
} 
.card-abbr:nth-child(3n) { 
    color: #850057; 
} 
.card-abbr:nth-child(4n) { 
    color: #003f60; 
} 
.card-abbr:nth-child(5n) { 
    color: #588ba3; 
} 

這對我來說什麼都不返回。 請幫忙。

Answer 1

你可以做到這一點使用window.getComputedStyle

function colorApply() { 
    var cardsList = document.getElementsByClassName('card-abbr') 
    angular.forEach(cardsList, function(el) { 
    var style = window.getComputedStyle(el, null) 
    var color = style.getPropertyValue('color') 
    }) 
}