动态创建元素的三种方式

 1 document.write()
 弊端：会把页面中的内容全部干掉（保留自己）
document.weiteln()浏览器解析成+空格显示
常用：嵌入外部代码，广告 
2 标签.innerHTML=标签+内容 标签+内容（创建大量标签，不会追加，只创建一次） 
【标签+内容--引用字符串拼接 或 数组追加元素 导出】
例： box.innerHTML=box.innerHTML+"新内容" 
3 document.createElement("标签代码")  创建一个元素节点
A元素.appendChild(创建的元素)  A元素中添加创建的元素（配合使用）
removeChild()     从父元素中移除子元素    从父元素中移除子元素    移除子元素（只创建一个元素 时，移除多余的元素） 
this.parentNode.removeChild .removeChild（this）  移除元素 移除元素 replaceChild() replaceChild()  用新节点替换某个子节点 只创建一次元素: 只创建一次元素: * 
1.没有的时候才创建 
2.如果这个元素存在则删除,然后重新创建

元素获取

1 获取子元素
 父元素 . children
2 获取父级元素 获取父级元素 
 子元素 .  parentElement
3 获取第一个子元素 获取第一个子元素 
 元素 .  firstElementChild
4 获取后一个子元素 获取后一个子元素 
 元素 .  lastElementChild
5 获取上一个兄弟元素 previousElementSibling previousElementSibling
获取下一个兄弟元素 获取下一个兄弟元素 
节点 . nextElementSibling