innerHTML和creatElement创建元素的区别

    <ul >
        <li class="ul"></li>
        <li></li>
    </ul>
    <script>
        var ul=document.querySelector('.ul')
        //innerHTML使用拼接字符串的方式创建新的元素
        for(var i=0;i<100;i++){
            ul.innerHTML+='<a href="#">百度</a>'
        }
        //innerHTML使用数组的方式创建新的元素
        var arr=[];
        for( var i=0;i<100;i++) {
             arr.push('<a href="#">百度</a>');
             ul.innerHTML=arr.join('')
        }
        //createElement创建新元素
        for(var i=0;i<100;i++){
            var a=document.createElement('a');
            ul.appendChild(a)
        }
    </script>

1.innerHTML使用字符串拼接创建元素时效率低于createElement()
2.当innerHTML使用数组创建元素效率高于createElement()