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

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)  停止调用

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值