Selecting Nodes by Tag, ID or Class

The most popular methods for selecting nodes are by tag name, or the class and id attributes of the tag. Those are the most popular selectors for CSS files too. So, as you'd expect, dojo.query makes these easy:

/* GeSHi (C) 2004 - 2007 Nigel McNie (http://qbnz.com/highlighter) */ .geshifilter {font-family: monospace;} .geshifilter .imp {font-weight: bold; color: red;} .geshifilter .kw1 {color: #000066; font-weight: bold;} .geshifilter .kw2 {color: #003366; font-weight: bold;} .geshifilter .kw3 {color: #000066;} .geshifilter .co1 {color: #009900; font-style: italic;} .geshifilter .coMULTI {color: #009900; font-style: italic;} .geshifilter .es0 {color: #000099; font-weight: bold;} .geshifilter .br0 {color: #66cc66;} .geshifilter .st0 {color: #3366CC;} .geshifilter .nu0 {color: #CC0000;} .geshifilter .me1 {color: #006600;} .geshifilter .re0 {color: #0066FF;}
// Query by tag.  Equivalent to DOM document.getElementsByTagName("IMG");
console.dir(dojo.query("img"));   // Non-case sensitive, so IMG would work too.
// Query by class.  Equivalent to big loop on previous page
console.dir(dojo.query(".offToSeeTheWij"));   
// Query by id.  Equivalent to DOM document.getElementById("widget123");
// or dojo.byId("widget123")
console.dir(dojo.query("#widget123"));

As with CSS, you can combine selectors in dojo.query to create Compound Selectors. By smooshing the selectors "a" and "b" against each other, you say "select nodes that have both properties a and b", as in: /* GeSHi (C) 2004 - 2007 Nigel McNie (http://qbnz.com/highlighter) */ .geshifilter {font-family: monospace;} .geshifilter .imp {font-weight: bold; color: red;} .geshifilter .kw1 {color: #000066; font-weight: bold;} .geshifilter .kw2 {color: #003366; font-weight: bold;} .geshifilter .kw3 {color: #000066;} .geshifilter .co1 {color: #009900; font-style: italic;} .geshifilter .coMULTI {color: #009900; font-style: italic;} .geshifilter .es0 {color: #000099; font-weight: bold;} .geshifilter .br0 {color: #66cc66;} .geshifilter .st0 {color: #3366CC;} .geshifilter .nu0 {color: #CC0000;} .geshifilter .me1 {color: #006600;} .geshifilter .re0 {color: #0066FF;}

// Select just image tags with the class offToSeeTheWij
console.dir(dojo.query("img.offToSeeTheWij"));