您的位置:首页 > 移动开发 > Objective-C

dom(document object model)文档对象模型事件

2017-03-29 16:06 435 查看
1:javascript dom 操作

    dom (document object model)

         1.document.getElementById(id名)

                返回一个html的元素对象  通过这个html的元素对象可以获取元素的信息, 也可以改变里面的属性

         2.document.getElementsByName(name名)

            根据标签的name属性 获取一组同名的 htmlElement对象数组

            var favs =document.getElementsByName("fav")

                返回一个名为favs的数组

         3.document.getElementsByTagName(“html标签名aa”)

            根据标签的TagName属性 获取一组html标签名为aa的对象数组

         4.document.getElementsByClassName(“类名”)

             根据标签的ClassName属性 获取一组html标签类样式为类名的对象数组

     可以获取元素的信息

                     .tagName      获取html的元素对象的标签名

                     .id           获取html的元素对象的id名

                     .innerHTML    获取html的元素对象里面的内容

                     .style.xxz    获取html的元素对象样式中某个属性的值

                     .className    获取html的元素对象样式的类名

                         如果元素是input或者 select 或者textarea

                     .value 来获取表单元素里面的值

     可以改变里面的属性

                     .tagName=“新的标签名”

                     .id=“”

                     .innerHTML=“”

                     .style=“”

                     .className=“”

        操作跟本htmlelement对象相关的元素的属性

                 .childNodes  获取该元素的子节点

                 .firstChild  获取第一个子节点

                 .lastChild   获取最后一个节点

                 .parentNode  获取父节点

        动态创建一个新的节点 添加 删除 节点

            1.添加 节点

            var obj =document.createElement(“标签名”);

            获取一个父节点

            var parent =document.getElementById(id名);

            parent.appendChild(obj) 往parent节点 上追加一个obj节点

            2.删除 节点

                获取一个父节点

             parent.appendChild(obj) 往parent节点 上删除一个obj节点

    动态操作表格

        在表格对象中 insertRow() 插入一行

        在表格对象中 deleteRow(index) 删除index位置的那一行

        在表格对象中 rowIndex           来获取动态分配行号

        在tr对象中   insertCell() 插入一列

 定时调度函数

    1:setInterval(“被调函数”,时间毫秒单位);

     指定 时间 之后重复调用被调函数

      var timer =setInterval("fn()",1000) 每隔一秒调用fn()函数一次

          遇到 clearInterval(timer):停止调用

    2:setTimeOut(“被调函数”,时间毫秒单位);

               指定 时间 之后调用一次

                var timer =setTimeOut("fn()",1000) 隔一秒调用fn()函数一次

           遇到    clearTimeout(timer)  停止调用
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: