• 创建新元素
• var elem = document.createElement("标签名")
• 设置关键属性
• a.herf = "url"
• 将新元素添加到DOM树
• 追加: 在父元素的结尾添加新元素
  • javascript parent.appendChild(elem)
• 插入: 在现有子元素之前插入新元素
  • javascript parent.insertBefore(elem,oldElem)
• 替换: 替换现有的子元素
  • javascript parent.replaceChild(elem,oldElem)
• 优化
  • layout ( 避免频繁操作DOM )
• 解决方案
  • 方法一
  • 如果同时添加父元素和子元素时,都要在内存中先将子元素添加到父元素,最后将父元素一次性添加到DOM数
  • 方法二
  • 如果同时添加多个平级子元素:
    • 文档片段
    • 内存中临时保存多个平级子元素的虚拟父元素

// 创建文档片段
/*frag的用法和普通父元素一样*/
var frag = document.createDocumentFrament();
// 将平级子元素临时追加到frag中
frag.appendChild(child)
// 将 frag 整体追加到 DOM 树中
pread.appenChild(frag)
/*
	强调:
		frag 执行完自动释放
*/

删除

parent.removeChild(child)