在普通/纯Javascript中，如何找出元素对象具有哪些可用的方法或属性？

仅使用纯javascript而不使用jquery，如何显示元素对象的所有可能方法和属性？假设我有body对象-document.getElementByTagName（'body'）[0]

我如何列出所有可能使用的方法？它有什么特性？我知道我可以使用.click（）和.setAttribute，但还有什么

---

如何使用Chrome控制台找到答案？

在代码中的某个地方，您希望将对象记录到控制台：

console.log(MyObjectInstance);

---

然后，当您打开chrome开发者工具时，您可以转到“控制台”并查看您的对象。在记录的对象旁边应该有一个小箭头，您可以单击它来查看它的所有方法和属性。

在代码中的某个地方，您希望将对象记录到控制台：

console.log(MyObjectInstance);

然后，当您打开chrome开发者工具时，您可以转到“控制台”并查看您的对象。在记录的对象旁边应该有一个小箭头，您可以单击它来查看它的所有方法和属性。

我建议不要使用它

dir

即使您经过一个节点，也会显示对象的属性，而不是在控制台中显示树视图，如果

log

将对象识别为节点，则会出现这种情况。

我建议不要使用

---

dir

即使您经过一个节点，也会显示对象的属性，而不是在控制台中显示树视图，如果

log

将对象识别为节点，则会出现这种情况。

在浏览器控制台中，这非常容易；事实上，这甚至很难描述，因为当一个变量的值是对一个对象（包括DOM节点）的引用时，控制台会非常清楚地显示这一点。您可以“打开”对象以查看其属性。如何打开对象？如果您只想查看随机DOM元素，可以在Chrome中执行此操作。打开开发者工具，选择“元素”视图。单击放大镜并通过单击它选择页面中的一个节点，使其变为蓝色。然后，您可以转到“Console”视图并键入，

Console.dir（$0）

。这将让你点击结果并“打开”对象的视图；事实上，这甚至很难描述，因为当一个变量的值是对一个对象（包括DOM节点）的引用时，控制台会非常清楚地显示这一点。您可以“打开”对象以查看其属性。如何打开对象？如果您只想查看随机DOM元素，可以在Chrome中执行此操作。打开开发者工具，选择“元素”视图。单击放大镜并通过单击它选择页面中的一个节点，使其变为蓝色。然后，您可以转到“Console”视图并键入，

Console.dir（$0）

。这样，您可以单击结果并“打开”对象的视图。