JavaScript中元素的接口

在Chrome中，在JavaScript中调试时，获取元素的接口是很有趣的

---

在控制台中键入保存元素的变量名通常会给出元素标记。如何获得与元素匹配的接口。有时Chrome会输出它，但有时会给出标签。我不确定Chrome是如何返回值的。

浏览器在通过

控制台.log

显示内容时会尽量智能化，以使输出更具可读性。如果您希望一致地获得可导航的属性树，可以使用

console.dir

---

接口

在JS中没有意义，在其他语言中有非常特殊的意义。通过使用

console.log（Element.\uuuu proto\uu）查看元素的原型，可以潜在地看到DOM元素的WebIDL接口但这完全依赖于浏览器且非标准。
看起来您可以通过指定所需的视图来强制一个视图或另一个视图：

console.dir(el)

为该
el
提供“接口”，而

console.dirxml(el)

按元素面板中显示的方式打印元素。
如果需要标准方式（即不使用
\uuuu proto\uuu
）：

在此上下文中，“接口”是什么意思？DOM接口的可能副本。。。HtmleElement、SVGElement、HTMLInputElement等
console.log（elementReference）之间存在差异和
console.log（“参考：”+elementReference）。根据您要执行的操作，您可能希望将多个项目传递到
console.log
，而不是串联（如果需要）
console.log
也会根据某些元素执行奇怪的操作-例如，当提供
元素时，它会打印其
href
，但
类型的元素引用仍然是“object”。实际上，通过执行console.dir，我几乎得到了我想要的。我看到接口在_; proto _;上。所以写元素。uuu proto_uuu似乎给了我想要的。@jsgoupil JS没有接口概念，如果方法是通过
this.method=function（）{}
添加的，那么方法也可以直接在
proto
的
proto
的
，没有一个列出所有函数的列表。DOM元素肯定有接口。这就是我要找的。这样的东西：@ JSGoupIL啊，我明白了，是的，DOM下面的C++代码有一个显式的名字，这个名字正好被暴露为原型构造函数的名字。请在以后的提问中更加具体。这对调试非常有用，但请确保不要在生产代码中使用它。\@loganfsmyth您的答案已经很好了。你的编辑偏离了原来的问题。你应该恢复到不谈论完整的财产清单，这样我就可以接受你的回答。
console.log(el.constructor.name);