创建元素的方式 插入、替换和删除子元素

1、创建元素的三种方式

    document.write()：里面写标签，就当标签解析；只能在body里新增标签，在事件里写这个代码，会覆盖原来body中的所有内容。

    innerHTML：可以在任何元素里加标签

    注意：如果只是想加内容，不要直接用=，因为这样会覆盖原来的内容，要用+=就不会覆盖。

    document.creatElement：传一个参数字符串，字符串是一个标签名

    创建出来只是在内存中，要用append.child()加到父元素中才能显示

---

2、insertBefore：插入一个子元素到指定的位置，在指定某个子元素前面

    参数1：要插入的新的子元素

    参数2：在哪个子元素前面

    原生的JS没有方法是指定插入到某个子元素的后面，可以用insertBefore实现插入到某个元素的后面：实现方法，插入到这个元素的下一个兄弟元素的前面。

3、替换子元素

    replaceChild(参数1,参数2)：参数1：替换的新内容    参数2：谁被替换

    如果是已经存在的被替换，那么就相当于被删除，存在的那个相当于移动过去

4、删除子元素

    父元素.removeChild(子元素)：删除一个子元素

    要删除某个元素，要先找到它的父元素，再用父元素来删除；只能删除自己的子元素，不能删除别人的。