操作DOM节点

获取节点
document	getElementById（）	语法：document.getElementById(元素ID) 功能：通过元素ID获取节点
	getElementsByName（）	语法：document.getElementsByName(元素name属性) 功能：通过元素的name属性获取节点
	getElementByTagName（）	语法：document.getElementTagName（元素标签） 功能：通过元素的标签获取节点
	querySelector()	语法：document.querySelector()（元素标签） 功能：该模式匹配的第一个元素，结果为一个元素；如果没找到匹配的元素，则返回null
	querySelectorAll()	语法：document.querySelectorAll()（元素标签） 功能：返回与该模式匹配的所有元素，结果为一个类数组
节点指针	firstChild	获取元素的首个子节点
	lastChild	获取元素的最后一个子节点
	childNodes	获取元素的子节点列表
	previousSibling	获取已知节点的前一个节点
	nextSibling	获取已知节点的最后一个节点
	parentNode	获取已知节点的父节点

节点操作
创建节点	createElement	语法：document.createElement(元素标签) 功能：创建元素节点
	createAttribute	语法：document.createAttribute(元素属性) 功能：创建属性节点
	createTextNode	语法：document.createTextNode(文本内容) 功能：创建文本节点
插入节点	appendChild	语法：appendChild（所添加的新节点） 功能：向节点的子节点列表的末尾添加新的子节点
	insertBefore	语法：insertBefore（所要添加的新节点，已知子节点） 功能：在已知的子节点前插入一个新的子节点
替换节点	replaceChild	语法：replaceChild（要插入的新元素，将被替换的老元素） 功能：将某个子节点替换为另一个
复制节点	cloneChild	语法：需要被复制的节点.cloneNode(true/false) 功能：创建指定节点的副本 参数：true：复制当前节点及其所有子节点           false：仅复制当前节点
删除节点	removeChild	语法：removeChild（要删除的节点） 功能：删除指定的节点