template标签html,template标签

template标签，顾名思义，模板的意思

HTML5提供的新标签，更加规范和语义化

可以把列表项放入template标签中，然后进行批量渲染

注：template标签display属性默认为none

静音

需要注意的是template标签的操作

直接使用原生JS操作，

var template = document.getElementById('tpl');

console.log(template);

获得到的DOM结构是这样的，可以看到中间有一层#document-fragment

所以要操作template里面的dom，不能直接用template，要用template.content，如下

var template = document.getElementById('tpl');

var layout = template.content.querySelector('div');

var text = template.content.querySelector('span');