2015-06-16 42 views
0

原始的源內容我的代碼獲取正常的HTML元素

<template id="tpl"> 
    {{# if (a && b) }} <h1>content</h1> {{/if}} 
</template> 

我想通過javascript來獲得源代碼。


,但如果我叫

document.getElementById('tpl').innerHTML; 
// return "{{# if (a &amp;&amp; b) }} <h1> content </h1> {{/if}}" 

在解析&符號。


或致電

document.getElementById('tpl').content.textContent 
// return "{{# if (a && b) }} content {{/if}}" 

只給文本而不<h1>標籤。


兩者的結果都不正確。有沒有什麼辦法讓下面原始的源文本

{{# if (a && b) }} <h1>content</h1> {{/if}} 

我知道我可以恢復&amp;&,或使用<script type="text/xxxx"></script>保存文本沒有解析,或使用ajax重新調用此頁面來獲取內容。

但我想知道如果我能有一個更好的方式來直接從<template>標籤獲得源代碼的文本。

感謝你的幫助。

+1

模板元素應該包含文檔片段,內容應該是HTML,而不是模板語言。使用'