JS事件
        onfocus        :获得焦点
        onblur        :失去焦点
        onsubmit:提交焦点
       
        querySelector() 填入的参数的是选择器
        JS事件总结
                * onload        :加载事件
                * onclick        :点击事件
                * onsubmit        :提交事件
                * onfocus        :焦点移入事件
                * onblur        :焦点移除事件
                * onchange        :下拉列表改变事件.
                * ondblclick:双击某个元素的事件.

                键盘操作事件:
                * onkeydown        :键盘按下事件
                * onkeyup        :键盘弹起
                * onkeypress:

                鼠标操作事件：
                * onmousemove：鼠标移动
                * onmouseout：鼠标移入
                * onmouseover：
        DOM:
                什么是DOM
                DOM :Domcument Object Model 文档对象模型
                        整个文档是 document
                        标签对象都是Element
                        文本对象 text
                        属性对象 Attribute
                        所有都可以称为Node 节点
                将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子.
                DOM的使用：
                知道document，element，attribute中的属性和方法
               
                【DOM的常用的操作】
                        获得元素：
                        * document.getElementById();                -- 通过ID获得元素.
                        * document.getElementsByName();                -- 通过name属性获得元素.
                        * document.getElementsByTagName();        -- 通过标签名获得元素.
                        创建元素：
                        * document.createElement();                        -- 创建元素
                        * document.createTextNode();                -- 创建文本
                        添加节点：
                        * element.appendChild();                        -- 在最后添加一个节点.
                        * element.insertBefore();                        -- 在某个元素之前插入.
                        删除节点：
                        * element.removeChild();                        -- 删除元素
                        【使用DOM完成对ul中添加一个li元素】
                                                function addElement(){
                                                        var city = document.getElementById("city");
                                                        // 创建一个元素:
                                                        var liEl = document.createElement("li");
                                                        // 创建一个文本节点:
                                                        var text = document.createTextNode("深圳");
                                                        // 添加子节点:
                                                        liEl.appendChild(text);
                                                        city.appendChild(liEl);
                                                }
               
               
               

JS事件
        onfocus        :获得焦点
        onblur        :失去焦点
        onsubmit:提交焦点
       
        querySelector() 填入的参数的是选择器
        JS事件总结
                * onload        :加载事件
                * onclick        :点击事件
                * onsubmit        :提交事件
                * onfocus        :焦点移入事件
                * onblur        :焦点移除事件
                * onchange        :下拉列表改变事件.
                * ondblclick:双击某个元素的事件.

                键盘操作事件:
                * onkeydown        :键盘按下事件
                * onkeyup        :键盘弹起
                * onkeypress:

                鼠标操作事件：
                * onmousemove：鼠标移动
                * onmouseout：鼠标移入
                * onmouseover：
        DOM:
                什么是DOM
                DOM :Domcument Object Model 文档对象模型
                        整个文档是 document
                        标签对象都是Element
                        文本对象 text
                        属性对象 Attribute
                        所有都可以称为Node 节点
                将一个HTML的文档加载到内存形成一个树形结构,从而操作树形结构就可以改变HTML的样子.
                DOM的使用：
                知道document，element，attribute中的属性和方法
               
                【DOM的常用的操作】
                        获得元素：
                        * document.getElementById();                -- 通过ID获得元素.
                        * document.getElementsByName();                -- 通过name属性获得元素.
                        * document.getElementsByTagName();        -- 通过标签名获得元素.
                        创建元素：
                        * document.createElement();                        -- 创建元素
                        * document.createTextNode();                -- 创建文本
                        添加节点：
                        * element.appendChild();                        -- 在最后添加一个节点.
                        * element.insertBefore();                        -- 在某个元素之前插入.
                        删除节点：
                        * element.removeChild();                        -- 删除元素
                        【使用DOM完成对ul中添加一个li元素】
                                                function addElement(){
                                                        var city = document.getElementById("city");
                                                        // 创建一个元素:
                                                        var liEl = document.createElement("li");
                                                        // 创建一个文本节点:
                                                        var text = document.createTextNode("深圳");
                                                        // 添加子节点:
                                                        liEl.appendChild(text);
                                                        city.appendChild(liEl);
                                                }