javascript - JavaScript中元素的接口

Question

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

在控制台中键入包含元素的变量名称通常会给我元素标签。如何获得与元素匹配的界面。有时 Chrome 会输出它，但有时会给出标签。我不确定 Chrome 如何返回值。

Answer 1

浏览器在显示内容时会尝试变得聪明，console.log以使输出更具可读性。如果您想始终如一地获得可以浏览的属性树，您可以使用console.dir.

interface在 JS 中没有任何意义，在其他语言中具有非常特定的含义。您可以通过查看元素的原型来潜在地看到 DOM 元素的 WebIDL 接口，console.log(element.__proto__);但这完全依赖于浏览器且非标准。

Answer 2

如果你想要一个标准的方式（即不使用__proto__）：

console.log(el.constructor.name);

Answer 3

看起来你可以通过指定你想要的来强制一个视图或另一个：

console.dir(el)

为您提供“界面” el，同时

console.dirxml(el)

打印元素，就像它出现在元素面板中一样。