DojoのCSSセレクタ

DojoにはCSSセレクタを指定することで、HTMLドキュメント中の複数の要素を配列で取得できる関数がある。

<h1>Test H1</h1>
<p>para 1</p>
<h2>Test H2</h2>
<p class="test_class">para 2</p>
<h2>Test H2</h2>
<p class="test_class">para 3</p>

このHTMLでは dojo.query('p.test_class') という関数で2番目と3番目のpを配列で取得できる。

var elements = dojo.query('p.test_class');

for(var i = 0; i < elements.length; i++) {
    elements[i].style.backgroundColor = 'LightCoral';
}

使えるCSSの文法はCSS3に準拠している。