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

【问题标题】：convert HTML DOM element to JavaScript Object?将 HTML DOM 元素转换为 JavaScript 对象？
【发布时间】：2019-02-24 19:49:48
【问题描述】：

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

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

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

document.getElementById('myid')

返回一个html元素，

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

是否有另一种方法可以用来查看它，它的属性是 JavaScript 对象而不是 html 元素？

我已经看过这篇文章，但我想做的只是获取元素，而不是进行任何解析，并在开发工具中构建新的东西。

【问题讨论】：

javascript 对象是什么意思？ div 等价于 javascript 对象，表示您正在混合 HTML 和 Javascript。
不，例如，当我使用 document.getElementById('myid').outerHTML 时，我会返回一个 html 字符串。我想使用一种方法，将其显示为作为对象的元素列表。

【解决方案1】：

是否可以使用 Document [Element][1] 接口访问属性/属性数组：

【讨论】：

【解决方案2】：

我可以使用另一种方法来查看它，它的属性是 JavaScript 对象而不是 html 元素？

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

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

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

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

【讨论】：