如何遍历AngularJS中元素的所有属性（css，attr）？

Question

在AngularJS中，我正在使用DIV标签，将其称为＆＃34; MyPanel＆＃34;。如果我将标签传递给控制台，我可以看到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 [＆＃34; background-color＆＃34;]）给我背景颜色。那么，如果我不知道他们的名字，我如何确定这两个css属性是什么？

Answer 1

您可以使用getComputedStyle().

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