Can I get the full HTML representation of an HTMLElement DOM object?

Question

I'm using jquery to parse some HTML, something like:

$(html).contents().each(function(){
  var element = this.tagName;
  ...

I can access the tagName, children, parent... using the DOM or the more friendly jQuery functions.

But at one point a need the whole HTML of the current element (not what innerHTML or .html() return) and I can't figure out a one liner to get it (I always could attach the tag and the attributes manually to the innerHTML).

For example:

<a href="link">Link</a>

The innerHTML is Link but I'm looking for the whole <a href="link">Link</a>

does that oneliner exists?

See http://stackoverflow.com/questions/1763479/how-to-get-the-html-for-a-dom-element-in-javascript — Crescent Fresh, Dec 16 '09 at 19:33

score 1 · Accepted Answer · answered Dec 16 '09 at 19:34

1

Looks like this guy has a pretty nifty solution using jQuery: outerHTML

answered Dec 16 '09 at 19:34

Justin Swartsel

3,421
1
19
24

score 0 · Answer 2 · answered Dec 16 '09 at 19:33

0

just saw the anwser for this on the other thread :D

outerHTML

outerHTML 2

answered Dec 16 '09 at 19:33

antpaw

14,544
11
55
86

Can I get the full HTML representation of an HTMLElement DOM object?

2 Answers2

Linked