dojo.query(query:String, root: String|DOMNode?, listCtor:Function?):NodeList
query:String เป็นข้อมูลที่ต้องการค้นหา
root จะมีหรือไม่ก็ได้(optional) กำหนดค่าเป็น id หรือ domnode ที่จะมีผลกระทบต่อการ query
listCtor:Function listCtor ย่อมาจาก list constructor กำหนดค่าเป็น function ที่จะทำงานหลังการ query
:NodeList คืนค่่าเป็น NodeList หรือจากที่ query
ตัวอย่างรูปแบบที่กำหนดให้ query
Code
Class ".foo" or ".bar"
ID selectors "#foo"
Node type (such as tag names) "span"
Descendant combinatory "ul li"
Child combinator "div > span"
Universal selector *
Adjacent sibling combinator +
General sibling combinatory ~
Attribute presence [foo]
Attribute with exact value [foo='bar']
Attribute with a value in a whitespace separated list of words [foo~='bar']
Attribute begins with value [foo^='bar']
Attribute ends with value [foo$='bar']
Attribute with at least one substring instance value [foo*='bar']
Structural pseudo-classes :first-child, :last-child, :only-
child, :empty, :checked, :nth-
child(n), :nth-child(2n+1), :nth-
child(even), nth-child(odd),
:not(...)
ตัวอย่างการเขียนโดยไม่ใช้ dojo
Code
var highlight = function(class, color)
{
var divs = document.getElementById('elements').childNodes;
var fooDivs = new Array();
for(var i=0; i<divs.length; i++)
{
if(divs[i].className.match(class)==true)
{
fooDivs.push(divs[i]);
}
}
for(var i=0; i<fooDivs.length; i++)
{
fooDivs[i].style.backgroundColor = color;
}
}
เขียนโดยใช้ dojo
Code
var highlight = function(query, color)
{
dojo.query(query).style("backgroundColor",color);
}