JavaScript如何将对象document.createElement转换为字符串[重复]答案

【问题标题】：JavaScript how to convert object document.createElement to string [duplicate]JavaScript如何将对象document.createElement转换为字符串[重复]
【发布时间】：2013-09-03 22:41:55
【问题描述】：

不可能得到将分配给变量的createElement 字符串

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

当我使用appendChild 时可以工作，但我必须使用警报或其他方法

【问题讨论】：

你为什么不能直接alert(h1.innerHTML)？
可能是h1.toString() ?

标签： javascript

【解决方案1】：

使用outerHTML

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

演示：Fiddle

【讨论】：

我总是忘记这一点。我想我仍然停留在 FF 4 ;)

【解决方案2】：

您似乎想将 DOM 元素转换为其 HTML 表示形式。将其放入临时容器中并访问其.innerHTML 属性：

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

【讨论】：