JavaScript how to convert object document.createElement to string [duplicate]

Question

it is impossible to get a string of createElement that you would assign to a variable

var h1 = document.createElement("h1")
h1.innerHTML = "hello world"
alert(h1)
return "[object HTMLHeadingElement]"

when i use appendChild is work but i must use alert or other method

Arun P Johny · Accepted Answer · 2013-08-31 07:50:15Z

21

var h1 = document.createElement("h1")
h1.innerHTML = "hello world"
alert(h1.outerHTML)

answered Aug 31, 2013 at 7:50

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

I always forget about that. I think I'm still stuck at FF 4 ;)

Felix Kling · Accepted Answer · 2013-08-31 07:49:59Z

0

It seems like you want to convert a DOM element to its HTML representation. Put it in a temporary container and access its .innerHTML property:

var div = document.createElement('div');
div.appendChild(h1);
var html = div.innerHTML;

answered Aug 31, 2013 at 7:49

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges