Wie bekomme ich die Farbe eines Elements mit angularjs

Question

Ich werde versuchen, die Farbe eines Elements mit eckigen js zu bekommen, aber bin nicht erfolgreich. Hier ist, was ich tue:

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); 
} 

Meine 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; 
} 

Das ist nichts für mich zurück. Bitte helfen.

Answer 1

Sie können es mit 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') 
    }) 
}