2016-12-05 59 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