將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()方法 ，它是為此而設計的：

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

console.dir()方法 ：

顯示指定JavaScript對象的屬性的交互式列表。 輸出顯示為帶有顯示三角形的層次結構列表，可讓您查看子對象的內容。

Answer 2

類似於使用Document [Element][1]接口訪問屬性/屬性數組：