如何使用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')
  })
}