[Jフレームワーク知識掃盲]のquerySelectorAllの応用2

Jqueryのdomへのプログラミングの便利さに伴い、HTML 5もdomへのプログラミングの拡張に徐々に溶け込んできた.querySelectorAllは良い例です
 
Document.querySelectorAll
現在のドキュメントに一致する特定のセレクタのすべての要素(depth-first pre-orderのようなルールを使用してすべてのドキュメントノードを遍歴する)を返します.返されるオブジェクトのタイプはNodeListである.
構文:

elementList = baseElement.querySelectorAll(selectors);

内
ElementListはnon-liveのNodeListオブジェクトになります.
BaseElementは要素オブジェクトです.
selectorsは、カンマで接続する1つ以上のCSSセレクタを含む文字列である.
selectorsのルール:

"#id":id="id"を含む要素

を取得する.

".css":class属性に「css」を含むすべての要素を取得する

「tag」:tagNameが「tag」であるすべての要素

を取得

"[attr='value']:取得要素はattr属性を含むすべての要素を含み、"=value"を加えると、取得要素はattr属性を含み、この要素の値はvalueである必要があることを示します.詳細:[name*="value"]は、[name$="value"]の最後に、[name^="value"]の最初の

parent childはchildを含むすべての要素を取得し、parent>childは第1のレイヤのみを取得します.parent>child>childは、2番目のレイヤを取得します.

 
tagとcssは、「div.red」など、すべてのclass属性がredのすべてのdiv要素を含むことを示す結合で使用できます.
 
英語バージョン:http://openxtiger.iteye.com/blog/1611723