2016-12-05 57 views
1

的整个HTML我想获得的是动态创建DOM元素的HTML:获得一个动态创建的元素

var titleTag = document.createElement("h4"); 
titleTag.innerHTML = 'this is a title'; 

我怎样才能获得与标签整个DOM元素?

<h4>this is a title</h4> 
+1

如果我'console.log(titleTag)'我得到'

这是一个标题

'。小提琴:https://jsfiddle.net/kc85ntwo/ –

+3

@DanielD虽然这是控制台的显示格式。把它作为一个Javascript字符串值是一个(稍微)不同的问题。尝试'typeof titleTag'来看看这个。 – lonesomeday

+1

Ahh @lonesomeday有道理。我想我不得不错过那里=)。感谢那! –

回答

2

简单的方法是用outerHTML。这在历史上一直被忽视,因为它是Internet Explorer的自定义功能,没有任何标准,但它现在得到广泛支持,甚至在W3C草案标准中也是如此。

var HTML = titleTag.outerHTML; 
+0

我试过这个解决方案,我只收到'

',里面没有文字。 – Naco

+2

@ user3681740 [适用于我]。(https://jsfiddle.net/7pqn6kLs/) – lonesomeday

+1

'HTML规范](https://www.w3.org/TR/html/infrastructure)中也引用了'outerHTML' .html),这是一个建议。 – Oriol