动态创建元素

动态创建元素的三个方式
document.write()
在js里面可以使用document.write向body里面创建内容
但是这个方式如果是在页面已经渲染完成后再使用，会把之前的内容覆盖，并且只能向body里面输出内容，因此这个方式是我们所不推荐的，我们知道就行了。
element.innerHTML
动态插入一段HTNL代码段
这个方法可以指定在那个元素里面创建新元素，但如果这个元素里面有旧内容，会被新内容覆盖掉
document.createElement()
创建元素节点
创建一个全新的HTML代码元素，这个创建的代码元素为伪元素
缺点：创建之后不会主动显示在页面上，需要我们使用插入的方式才能渲染到页面上
动态添加元素
node.appendChild
追加，追加元素节点，
这个方法的作用是把一个新元素添加到父元素的最后面
node.insertBefore
.insertBefore(创建的新节点,参照节点);// 插入节点，并返回新节点，可以指定我们新创建的元素添加到的父元素的任何一个地方
移除

动态创建元素最先出现在Python成神之路。