DOJO(二) 基本DOM操作

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事件， 不适用包含大量节点的情况