DOM重点核心

      // 创建元素

      // 1. document.write(不推荐使用)

      // 2. innerHTML

      // 3. createElement

      // 增加元素

      // 1. appendChild  后面添加

      // 2. insertBefore 前面添加

      //  删除元素

      // 1. removeChild

      // 修改元素

      // 主要修改dom的元素属性，dom元素的内容、属性, 表单的值等

      // 1.修改元素属性： src、href、title等

      // 2. 修改普通元素内容： innerHTML 、innerText

      // 3. 修改表单元素： value、type、disabled等

      // 4. 修改元素样式： style、className

      // 获取元素

      // 1. DOM提供的API 方法：

      //  getElementById、getElementsByTagName 古老用法 不太推荐

      // 2. H5提供的新方法：

      //  querySelector、querySelectorAll 提倡

      // 3. 利用节点操作获取元素：

      // 父(parentNode)、子(children)、

      // 兄(previousElementSibling、nextElementSibling) 提倡

      // 属性操作

      // 主要针对自定义属性

      // 1. setAttribute：设置dom的属性值

      // 2. getAttribute：得到dom的属性值

      // 3. removeAttribute : 移除属性

      

     //  事件操作

    //   给元素注册事件， 采取 事件源 事件类型 = 事件处理程序