将 HTML DOM 元素转换为 JavaScript 对象？

Question

我有一个包含元素的网页：

<div id='myid'></div>

在 chrome 开发工具中，当我在控制台中输入时

document.getElementById('myid')

返回一个 html 元素，

<div id='myid'></div>

有没有我可以使用的替代方法来查看它，它的属性作为 JavaScript 对象而不是 html 元素？

将 html 转换为 javascript

我看过这篇文章，但我想要做的就是获取元素，而不是做任何解析并构建一些新的东西，最好是在开发工具中。

Answer 1

有没有我可以使用的替代方法来查看它，它的属性作为 JavaScript 对象而不是 html 元素？

我想要做的就是获取元素，而不是进行任何解析并构建一些新的东西，最好是在开发工具中

是的，如果您只对开发工具（控制台）感兴趣，您可以随时使用console.dir()method，它是为此而设计的：

console.dir(document.getElementById('myid'));

console.dir()方法：

显示指定 JavaScript 对象的属性的交互式列表。输出显示为带有显示三角形的分层列表，可让您查看子对象的内容。