加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

DOJO(二) 基本DOM操作

发布时间:2020-12-16 21:23:14 所属栏目:百科 来源:网络整理
导读:1.获取DOM节点 dojo.byId(param) param:可以是节点ID名称,也可以是一个节点 2.添加DOM节点 dojo.create(node,nodeObject,nodeRelation,nodeLocation) node:节点名称 nodeObject:节点属性 {innerHTML:'',className:'',style:{fontWeight:'bold'}} nodeRelati

1.获取DOM节点

dojo.byId(param)param:可以是节点ID名称,也可以是一个节点

2.添加DOM节点

dojo.create(node,nodeObject,nodeRelation,nodeLocation)
node:节点名称
nodeObject:节点属性{innerHTML:'',className:'',style:{fontWeight:'bold'}}
nodeRelation:节点的父类或者兄弟类
nodeLocation:与nodeRelation节点的相对位置,(first,before,after,last(default))


3.插入DOM节点

dojo.place(node,relationNode,location)
node:安插节点
relationNode:参照节点
location:相对位置(first,last(default))

4.删除DOM节点

dojo.destory()删除该节点以及其子节点
dojo.empty()删除该节点

5.批量操作

Dojo查询,返回值为数组
dojo.query("#id") [index]根据ID
dojo.query(".class") [index]根据class

限定查询
dojo.query("#list #one")查询整个DOM树
dojo.query("#one",dojo.byId("list"))在限定条件里查询(尽可能使用限定条件查询,提高效率)
其他查询
传入参数为:标签名和class名dojo.query("a.one")

6.NodeList
dojo.query()返回的结果集就是NodeList

常用方法:

1.forEach(function(node,index,nodelist){ })遍历

2.style,replaceClass,addClass,place,empty等,这些方法均返回nodeList,可供串联使用
dojo.query('#red').removeClass('red').addClass('black')

3.connect 连接DOM事件,不适用包含大量节点的情况

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读