如何在chrome控制台查看元素节点的属性

Question

通常获取元素节点控制台显示

而我希望能以属性集合的方式查看，如下

除了用document.querySelectorAll()方法返回节点集合以外，还有其他方法吗？

Answer 1

几种方式，看你喜欢用哪一个了。

---

一是格式化：

console.log('%O', myElement)

---

二是用非公开的 API：

console.dir(myElement);

https://developer.mozilla.org...

---

三是转换成数组：

console.log([myElement]);

---

几种方式的执行结果截图：

Answer 2