javascript - 基于 Angular 样式属性选择

Question

(如何)可以根据样式属性选择元素？

感谢 this question ，我们知道使用纯 css 是不可能的。

为了阐明这个问题，我给出了我的具体案例:我想更改 div 中所有 p 和 span 的背景颜色，背景颜色为白色 透明。

Angular 对它有好感吗？或者还能用什么？

Answer 1

window.getComputedStyle()

var divs = document.querySelectorAll('div');

[].slice.call(divs).forEach(function(div) {
  var color = window.getComputedStyle(div, null).backgroundColor;

  if (color === 'rgb(255, 255, 255)') {
    div.style.backgroundColor = 'transparent';
  }
});

您需要标准化颜色，因为不同的浏览器以不同的格式返回它。

JSFiddle 演示:https://jsfiddle.net/ebq6manb/1/