js template和div的区别

Question

_this.loadTpl = function(){
                  var tpl = obj.dataset.tpl,
                    clone = document.importNode(document.getElementById(tpl).content,true);
            obj.appendChild(clone);
        },

只放代码片段了，这样放了一个template标签 template默认display：none, 然后把clone appendchild obj上，跟放一个隐藏起来的div 然后再appendchild上 有什么区别么？

Answer 1

temp页面初始化时不会加载的，隐藏的div是会加载的，用temp可以提高网页性能

Answer 2

还有其他方面的区别么？

Answer 3

可以提高网页的性能优化，隐藏的div也是要写在页面里的，不好维护