工作需要，自学dojo写的一些小demo，方便自己以后学习，这里我使用的是dojo 1.6 备注：要使用dojo，就必须要在官网下载相关的代码，然后把这套代码全部导入到工程中，它不像jquery就只
工作需要，自学dojo写的一些小demo，方便自己以后学习，这里我使用的是dojo 1.6
备注：要使用dojo，就必须要在官网下载相关的代码，然后把这套代码全部导入到工程中，它不像jquery就只需要一个工具代码就OK了，他是一整套的东西，如果熟悉ext的同学就能够很好的理解，其它的工具类都是在相对的目录中，这个是固定的Dojo工程中的，因此在需要的时候就可以导入需要的代码，路径不受影响。
<html>
<head>
<title>dojo入门 ，以及常用的工具方法</title>
</head>
<style>
.reds{
color:red;
}
.sizes{
font-size:30px;
}
</style>
<script type="text/javascript" src="../dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<body>
<div id="hb">dddd</div>
<div id="delete">delete</div>
<div id="toggle">toggle</div>
<div id="styles">styles</div>
<div id="attr" value="attr"></div>
<div id="father">fathe
<div id="brather1">brather1</div>
<div id="brather2" class="brather2">brather2
<div id="son1">son1</div>
<div id="son2">son2</div>
</div>
<span>span1</span>
<span>span2</span>
<div id="brather3">brather3</div>
</div>
</body>
</html>
<script>
function test(){
//dojo根据id查找的方法，返回的是DOM对象
alert(dojo.byId("hb"));
//将创建的div替换id为hb的对象
dojo.create("div",{id:"hb1"},"hb","replace");
//将id为hb1的对象的显示内容为value,也就是上面替换的对象
document.getElementById("hb1").innerHTML="values";
//删除节点
//dojo.destroy(dojo.byId("delete"));
//给对象添加样式
//dojo.addClass(dojo.byId("delete"),"reds");
//添加多个样式的方式
//dojo.addClass(dojo.byId("delete"),["reds","sizes"]);
dojo.addClass(dojo.byId("delete"),"reds sizes");
//删除一个样式的方法
//dojo.removeClass(dojo.byId("delete"),"reds");
//删除多个样式的方法
dojo.removeClass(dojo.byId("delete"),"reds sizes");
//dojo.style(node,style,value)
dojo.style(dojo.byId("styles"),"color","green");
//设置多个属性
dojo.style(dojo.byId("styles"),{"color":"blue","padding":"40px"});
//设置属性,将id为attr的div的显示结果为TEST ATTR，并且将他的名字属性改为attr
dojo.attr(dojo.byId("attr"),{
innerHTML:"TEST ATTR",
name:"attr"
});
//用来测试上面添加name属性为attr的问题
//alert(document.getElementsByName("attr")[0].value);
//dojo定位筛选的方式跟jquery方式类似
//alert(dojo.query("#son1").attr("innerHTML"));
//alert(dojo.query(".brather2").attr("innerHTML"));
//查询span的是一个数组，有多个值，因此要制定查询的是第几个值
//alert(dojo.query("span").attr("innerHTML"));
alert('dojo.query("span").attr("innerHTML")----'+dojo.query("span").attr("innerHTML"));
alert('dojo.query("span").attr("innerHTML")[1]----'+dojo.query("span").attr("innerHTML")[1]);
//alert(dojo.query("[name='attr']").attr("innerHTML"));
//获取id为son1和son2的节点
//dojo.query("#son1,#son2").addClass("reds");
//dojo.query("#father span").style("color","green");
//使用循环遍历
/*
var arr = [6,7,8];
dojo.forEach(arr,function(item,index){
alert(item + "----" + index);
arr[index]=item*2;
});
dojo.forEach(arr,function(item,index){
alert(item + "----" + index);
});
//使用map也是一种循环遍历的方式
var arr = [6,7,8];
dojo.map(arr,function(item,index){
alert(item + "----" + index);
arr[index]=item*2;
});
dojo.map(arr,function(item,index){
alert(item + "----" + index);
});
//使用过滤器的方式，也是遍历每个数组
var arr = [6,7,8];
var filters = dojo.filter(arr,function(item,index){
return item>6;
});
dojo.map(filters,function(item,index){
alert(item + "----" + index);
});
*/
//疑问——已经找到了指定的对象，怎么样把他转换为dojo对象
dojo.query("span").forEach(function(item,index){
alert(item.innerHTML);
});
}
//代码加载玩了之后执行这个方法
dojo.ready(function(){
test();
});
</script>