Как получить цвет элемента, используя angularjs

Question

Как получить цвет элемента, используя angularjs

0

Я пытаюсь получить цвет элемента с помощью угловых 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;
}

Это ничего не возвращает мне. Пожалуйста помоги.

Archana 22 март 2016, в 08:21

Источник

1

скрипка поможет нам быстрее .. :)
G_S 22 март 2016, в 06:32
1

Загляните на developer.mozilla.org/en-US/docs/Web/API/Window/…
Mauricio Poppe 22 март 2016, в 06:33
0

Вы можете также поместить свою html структуру?
Thabung 22 март 2016, в 06:40

Показать ещё 1 комментарий

Теги:

angularjs

css

1 ответ

Ещё вопросы

Загляните на developer.mozilla.org/en-US/docs/Web/API/Window/…
Вы можете также поместить свою html структуру?

Mauricio Poppe · Accepted Answer · 2016-03-22T04-07-00.000Z

Вы можете сделать это, используя 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')
  })
}