当前位置 : 主页 > 网页制作 > Dojo >

DOJO(二) 基本DOM操作

来源:互联网 收集:自由互联 发布时间:2021-06-15
1.获取DOM节点 dojo.byId(param) param:可以是节点ID名称,也可以是一个节点 2.添加DOM节点 dojo.create(node,nodeObject,nodeRelation,nodeLocation) node:节点名称 nodeObject:节点属性 {innerHTML:'',className:'',style:

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,before,after,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事件,不适用包含大量节点的情况
上一篇:dojo tree的使用
下一篇:DOJO(一) Hello Dojo!!
网友评论