jquery - 如何遍历 AngularJS 中元素的所有属性(css、attr)？

Question

在 AngularJS 中，我正在使用一个 DIV 标签，将其称为“MyPanel”。如果我将标签传递给控制台，我可以看到 DIV 的可用功能:

var panel = $("#MyPanel");
console.log(panel);

这在控制台中显示(截断):

[object Object]
[functions]
attr
css

现在，长度为 2:

console.log(panel.css.length)

但是当我使用 forEach 时，无论哪种方式我都得不到结果:

angular.forEach(panel.css, function(key, value) {
  console.log(key);
});
angular.forEach(panel.css, function(css) {
  console.log(css);
});

for 循环让我无法识别每个实例。

for (var i = 0; i < panel.css.length; i++) {
  console.log(css[i]);
});

我在网上找到的每个示例都要求我知道属性的名称，例如，console.log(panel.css["background-color"]) 给我背景颜色。那么，如果我不知道这两个 css 属性的名称，我该如何识别它们是什么？

Answer 1

您可以使用 getComputedStyle().

var element = document.getElementById('MyPanel'),
    style = window.getComputedStyle(element);