三种创建元素的方式(2)，CSS四种定位方式的详解

点击

abc

2、innerHTML 创建元素

===============================================================================

// 2、innerHTML 创建元素,相比与document.querySelector()效率更高

var inner = document.querySelector(‘.inner’);

//2.1、追加字符串的形式创建元素，酶促都要开辟新的内存空间，相比于往数组内放元素效率较低

// for(var i = 0;i<=10;i++){

// inner.innerHTML +=‘百度’

// }

//2.2、往数组中放元素的方式创建数组，效相比于拼接字符串率较高

var arr = [];

for(var i = 0;i<=10;i++){

arr.push(‘百度’);

}

inner.innerHTML = arr.join(‘’);

3、document.querySelector()创建元素

=============================================================================================

// 3、document.querySelector()创建元素，相比与innerHTML效率更低

var create = document.querySelector(‘.create’);

for(var i = 0;i<=10;i++){

var a = document.createElement(‘a’);

create.appendChild(a);

}

全部代码

点击

abc