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

Question

我有一个网页，其元素为：

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

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

document.getElementById('myid')

返回html元素

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

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

convert html to javascript

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

Answer 1

  

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

     

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

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

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

console.dir() method ：

  

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

Answer 2

类似于使用文档[Element][1]接口访问属性/属性数组：