Dom 核心重点

1   创建：

        1.  document.write

        2.  innerHTML

        3.  createElement

2   增：

        1.  appendChild                在后面添加元素

        2.  insertBefore                在前面添加元素

3  删：

        1. removeChild

4  改：

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

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

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

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

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

5  查：

                    主要获取查询dom的元素

        1.  DOM 提供的API方法：getElementByld、getElementsByTagName       古老方法 不太推荐

        2.  H5提供的新方法： querySelector、querySelectorAll        提倡

        3.  利用节点操作获取元素：父（parentNode)、子（children)、 

             兄 （ previousElementSibling、nextElementSibling)        提倡

6  属性操作：

                        主要针对于自定义属性

        1.  setAttribute： 设置dom属性值

        2.  getAttribute：    得到dom属性值

        3.  removeAttribute        移除属性

7  事件操作

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

        例如：

                鼠标事件                        触发条件

                onclick                                鼠标点击左键触发

                onmouseover                                鼠标经过触发

                onmouseout                                鼠标离开触发

                onfocus                                获得鼠标焦点触发

                onblur                                失去鼠标焦点触发

                onmousemove                                鼠标移动触发

                onmouseup                                鼠标弹起触发

                onmousedown                                鼠标按下触发