js之三种创建元素的区别

第一种：document.wirte()

该种创建元素的方法的特点是，如果页面文档加载完毕，再调用这句话就会导致页面重绘
实例：document.write(‘

123

’);

第二种：innerHTML

实例：

for (var i = 0; i <= 100; i++) {
     inner.innerHTML += '<a href="#">百度</a>'
}
//这样的方法很费时，所以我们可以这样做
var arr = [];//先创建一个数组
for (var i = 0; i <= 100; i++) {
     arr.push('<a href="#">百度</a>');//创建多个节点
}
inner.innerHTML = arr.join('');//数组的一个方法
//这样的方法创建多个元素是最高效的

第三种document.createElement()

var create = document.querySelector('.create');
for (var i = 0; i <= 100; i++) {
      var a = document.createElement('a');
      create.appendChild(a);
}