获取普通html元素的原始源内容

时间:2015-06-16 16:14:57

标签: javascript html templates

我有代码

<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 个答案:

答案 0 :(得分:-1)

使用jquery,你可以尝试这个

$('<textarea/>').html( $('#tpl').html() ).text();