A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© buluo 初级黑马   /  2017-11-19 22:49  /  973 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

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);
                                                }
               
               
               

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马