1. 通过id获取dom节点
如果要对html文档中的元素进行处理时,我们一般会为该节点设置一个id属性;在dojo中,提供了一个通过id获取节点的简洁方式。
如果要获取如下节点:
<input type="text" name="username" value="alex1" id="username" class="textCss"/>
使用js获取该节点:
document.getElementById("username");
使用dojo获取该节点:
dojo.byId("username");
注意:如果没有找到指定id的节点,返回的将是undefined,而不是null。
2. 使用dojo.query进行通用查询
除了通过byId来获取节点外,dojo提供了更为通用的方法query来获取dom节点,使用query方法获取指定id节点的方式如下:
var usernameObj = dojo.query("#username"); //方法1
var usernameObj = dojo.query("[id='username']"); //方法2
var usernameVal = usernameObj[0].value;
2.1 通过节点的属性来获取节点的格式如下:
dojo.query("[属性名='属性值']");
所以,你也可用一下方式来获取:
dojo.query("[name='username']");
dojo.query("[type='text']");
dojo.query("[value='alex']");
注意:通过query的方式获取节点,返回的将是一个对象数组;如果没有获取到任何节点,将返回空字符串"",而不是null。
2.2 通过节点类型来获取节点的格式如下:
dojo.query("节点类型");
如获取所有的input的节点:
dojo.query("input");
可以和其他方式结合在一起使用,如获取input节点中name属性值为username的节点:
dojo.query("input[name='username']");
2.3 通过样式名来获取节点的格式如下:
dojo.query(".样式名");
dojo.query(".textCss");
3. 节点复杂查询
3.1 从某节点的所有后代节点中查找
dojo.query("body input");
3.2 从某节点的子节点中查找
dojo.query("body>input");
3.3 获取指定属性的值中,以"item"字符串开头、结尾或包含此字符串节点的方式如下:
dojo.query("[name^='item']");
dojo.query("[name$='item']");
dojo.query("[name*='item']");
3.4 获取第一个和最后一个节点,或指定索引的节点
dojo.query("input:first-child");
dojo.query("input:last-child");
dojo.query("input:nth-child(1)"); // 索引从1开始
dojo.query("input:nth-child(odd)");
如果某个元素是父元素中唯一的子元素,可以使用如下方式获取:
dojo.query("body form:only-child");
分享到:
相关推荐
dojo对DOM树的关于byid() pdf格式
dojo1.6关于DOM相关操作的官方介绍
dojo对DOM树的操作相关api pdf格式
ant+charDirector+dojo+dom+hibernate+junite+log4j+spring+struts+xml+jspSmartUpload 所有工具jar包 自己说实用不
Dojo的基础对象和方法) 6 四、 Dojo学习笔记(4. dojo.string & dojo.lang) 9 五、 Dojo学习笔记(5. dojo.lang.array & dojo.lang.func & dojo.string.extras) 13 六、 Dojo学习笔记(6. dojo.io.IO & dojo.io....
DOJO 下拉菜单(带刷新和获取隐藏值方法).js
Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...
Dojo是个强大的javascript库,但是网上资料真是少得可怜,这次收集到的各类组件,直接使用,方便大家节省时间。
Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...
Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...
dojo常用方法总结,主要是元素的获取,事件的监听,数组的遍历等
dojo dojo实例 dojo例子 dojo资料 dojo项目 dojo实战 dojo模块 dojo编程
主要介绍了Dojo获取下拉框的文本和值实例代码的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档 dojo文档
Dojo 基础1 Dojo 基础1-语言及浏览器实用程序 使用Dojo可以更好的实现web应用,提高开发效率。
dojo js dojo js dojo js dojo js dojo js dojo js dojo js
dojoDemo 包括多个dojo方法的用法,HelloWorld等示例,学习Dojo不错的资料(Demo)
Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--...
NULL 博文链接:https://zhuzhuyuan.iteye.com/blog/1666809
Dojo是一个非常强大的、面向对象的、开源的JavaScript工具箱,它为开发富客户端Ajax应用提供了一套完整的小部件和一些特效操作。曾经有人这样说:“对于一个Web开发者而言,如果没有Dojo,他将是一个“残废”的...