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

Question

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

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

如何找到使用Chrome控制台的信息？

Answer 1

我建议使用console.log

，而不是使用console.dir

console.dir(myObj);

即使您传递节点，

dir也会显示您的对象的属性，而不是在控制台中显示树视图，这将在{ {1}}如果它将对象识别为节点。

Answer 2

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

console.log(MyObjectInstance);

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