假设我有一个HTML<template>标记，定义并选择如下：
<template>
<h1>This is my template</h1>
</template>
let myTemplate = document.querySelector('template')
模板的这些属性之间有什么区别：
myTemplate.content
myTemplate.innerHTML
与相反innerHTML，它content返回文档片段，因此您可以立即访问DOM，而无需在字符串之间进行中间转换。
这是用法上的区别：
let myTemplate = document.querySelector('template');
// Method 1
let myDiv1 = document.getElementById('div1');
myDiv1.innerHTML = myTemplate.innerHTML;
// Method 2
let myDiv2 = document.getElementById('div2');
myDiv2.appendChild(myTemplate.content.cloneNode(true));<template>
<h3>This is my template</h3>
<p>Hello World</p>
</template>
<div id="div1"></div>
<hr>
<div id="div2"></div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句