JS循环创建新节点

JS循环创建新节点

function list() {
	// 自定义数组
	var arr = ['我是第一', '我是第二', '我是第三', '我是第四'];
	// 循环
	for (var i = 0; i < arr.length; i++) {
		// 创建新元素节点<li>标签
		var oLi = document.createElement('li');
		// 找到父级元素
		var oLtem = document.getElementById('ltem');
		// 添加样式类名
		oLi.classList.add("mui-table-view-cell");
		// 将元素插入到父级内
		oLtem.appendChild(oLi);
		// 输出数组
		oLi.innerHTML = arr[i];
		console.log(arr[i]);
	}
}
list();		//调用函数体