DOJO(二) 基本DOM操作

前端之家收集整理的这篇文章主要介绍了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,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相关文章