convert HTML DOM element to JavaScript Object?

Question

I have a web page with the element:

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

In chrome dev tools, when I type in the console

document.getElementById('myid')

returns a html element,

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

is there an alternative method I can use to view it and it's properties as a JavaScript object instead rather than a html element?

convert html to javascript

I have seen this post, but all I want to do is get the element, not do any parsing and build something new and ideally in dev tools.

what does it mean javascript object? div equivalent javascript object, mean you are mixing HTML and Javascript. — Vaisakh PS
– Vaisakh PS, Commented Sep 20, 2018 at 13:28
no, for example when I use document.getElementById('myid').outerHTML I get a html string returned. I would like to use a method that displays it as a list of elements as an object instead. — apollowebdesigns
– apollowebdesigns, Commented Sep 20, 2018 at 13:34

Community · Accepted Answer · 2020-06-20 09:12:55Z

8

is there an alternative method I can use to view it and it's properties as a JavaScript object instead rather than a html element?

all I want to do is get the element, not do any parsing and build something new and ideally in dev tools

Yes if you are only interested in the dev tools (console), you can always use console.dir() method, it's made for this:

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

console.dir() method:

Displays an interactive list of the properties of the specified JavaScript object. The output is presented as a hierarchical listing with disclosure triangles that let you see the contents of child objects.

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Sep 20, 2018 at 13:34

cнŝdk

32.2k7 gold badges62 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David · Accepted Answer · 2023-01-24 05:28:31Z

0

Would do something like using the Document Element interface to access the array of attributes / properties.

edited Jan 24, 2023 at 5:28

David

6,0943 gold badges37 silver badges50 bronze badges

answered Sep 20, 2018 at 13:40

Damien Allison

1094 bronze badges

Collectives™ on Stack Overflow

convert HTML DOM element to JavaScript Object?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related