我想使用html-templates.使用Chrome一切正常,但在Firefox中,template-element没有任何内容……也许它只是在调试器中没有显示,但是当我尝试实例化模板的内容时我也没有得到任何内容.
这个模板元素：
...
<body>
<template>qwertz</template>
</body>
...
当我检查Firefox调试器中的元素时,没有任何内容(我希望“qwertz”).看起来很简单……但不幸的是我看不到我在这里失踪的东西……
解决方法
Firefox的devtools Inspector不会在其DOM视图的主窗口中显示模板内容.
如果要在Firefox的Inspector中检查模板内容,您需要：
>右键单击检查器中的模板元素.
>选择显示DOM属性.
Firefox devtools随后将显示“属性”窗格,您可以在其中浏览模板元素的所有DOM属性.
因此,您可以通过查看innerHTML属性或向下查看content属性来查看模板内容.
至于如何实例化模板的内容,这里有一个简单的例子：
var templateContent = document.querySelector("template").content,templateContentClone = document.importNode(templateContent,true)
document.body.appendChild(templateContentClone)
<!doctype html> <body> <template>qwertz</template> </body>
要理解的重要部分是,如果要对模板内容执行任何操作,则需要使用Document.importNode()或Node.cloneNode()克隆/导入内容.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。