创建元素的三种方式

创建元素的三种方式

第一种：document.write()

弊端：只能往body中添加元素
方式：document.write('<div class="box1">我是div</div>');

第二种：innerHTML

弊端：在同级下只能添加一种元素，多个会覆盖
方式： document.getElementById("divObj").innerHTML = "<p>哈哈哈</p>";

第三种：createElement() 创建元素

方式：document.createElement('ul')

appendChild() 添加元素

注意：其参数必须是元素节点，不能添加文本节点
方式：sec.appendChild(ulList)

append() 添加元素

注意：可以添加所有节点
方式：sec.append(ulList)

removeChild 移除元素

方式：ul.removeChild(ul.firstElementChild)