首页 > 代码库 > dojo 学习笔记之dojo.query - query(id) 与query(class)的区别

dojo 学习笔记之dojo.query - query(id) 与query(class)的区别

考虑这个例子:动态创建一个页面的时候,用new listtem()生成多个listitem, 且每个listitem中都生成一个按钮button。

如果想要给每个按钮都绑定一个click事件,用dojo.query来获取这些button是比较方便的。

这样做的时候我遇到一个问题, 在create这些button的循环语句中我给每个button 定义了id = "somebtn" 。

然后试图用var btnlist = dojo.query("#somebtn") 得到一个包含页面中所有button的数组。

遗憾的是,query 语句并没能获取到所有button, 它只获取到1个button对象, 从 console.log(btnlist.length) 语句的输入结果是1可以判断。

重新查看http://dojotoolkit.org/reference-guide/1.9/dojo/query.html documentation 中的说明,发现文中用的例子基本都是query(".someClass"),只用了class, 并没有用id。

于是回忆起以前看过的关于class与id的区别提到过id是唯一标识,也就意味着页面中的id只能代表唯一一个元素, 那么就可以想得通为什么query(id)只能获取到1个元素。

给button添加了class属性后, 再用query("class")就可以获取到所有button对象了。


遇到问题的时候,先通过调试大致判断问题出在哪里,确认问题后再查文档,对症下药。 这是今天的小结。