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

Question

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

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

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

Answer 1

console.log我建议不要使用console.dir

console.dir(myObj);

dir即使您传递一个Node也会显示您的Object 的属性，而不是在控制台中显示树视图，如果它将Object识别为Node就会发生这种情况。log

Answer 2

您希望在代码中的某处将对象记录到控制台：

console.log(MyObjectInstance);

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