- 2009-02-04 (水)
- 技術
かなり個人的なメモですが、NodeList型や、HTMLCollection型を返すメソッドをまとめてみました。
また資料がDOM Level 1と古かったりもするので、必ずしも今のDOMレベルに合っていないかもしれません。
NodeListのメンバ
- length
- このプロパティは int 型である。
- item(index)
- このメソッドは Node を返す。index パラメータは unsigned long 型である。
HTMLCollectionのメンバ
- length
- このプロパティは int 型である。
- item(index)
- このメソッドは Node を返す。index パラメータは unsigned long 型である。
- namedItem(name)
- このメソッドは Node を返す。name パラメータは DOMString 型である。
NodeList型を返すメソッド
Document
- getElementsByTagName(tagname)
- このメソッドは NodeList を返す。tagname パラメータは DOMString 型である。
Node
- childNodes
- このプロパティは NodeList 型である。
Element
- getElementsByTagName(name)
- このメソッドは NodeList を返す。name パラメータは DOMString 型である。
HTMLDocument
- getElementsByName(elementName)
- このメソッドは NodeList を返す。elementName パラメータは DOMString 型である。
HTMLCollection型を返すメソッド
HTMLDocument
- images
- このプロパティは HTMLCollection 型である。
- applets
- このプロパティは HTMLCollection 型である。
- links
- このプロパティは HTMLCollection 型である。
- forms
- このプロパティは HTMLCollection 型である。
- anchors
- このプロパティは HTMLCollection 型である。
HTMLFormElement
- elements
- このプロパティは HTMLCollection 型である。
HTMLSelectElement
- options
- このプロパティは HTMLCollection 型である。
HTMLMapElement
- areas
- このプロパティは HTMLCollection 型である。
HTMLTableElement
- rows
- このプロパティは HTMLCollection 型である。
- tBodies
- このプロパティは HTMLCollection 型である。
HTMLTableSectionElement
- rows
- このプロパティは HTMLCollection 型である。
HTMLTableRowElement
- cells
- このプロパティは HTMLCollection 型である。
番外編
基本的に↑に書いたメソッドやプロパティはLiveなNodeList、HTMLCollectionになる。
ただし、以下のquerySelectorAllメソッドはStaticなNodeListが返るという仕様？（バグ？）だそうだ。
たとえば以下のようなコードを実行してもらえば分かるだろう。
- querySelector
- このプロパティは Element 型を返すので今回のとは違うな。
- querySelectorAll
- このメソッドは NodeList を返す。name パラメータは DOMString 型である。
querySelectorAllがliveじゃないNodeList返すのはなんで？ - vantguarde - web:gでもあるようにliveじゃないStaticNodeListが返るめずらしいメソッド。
参考にした資料
・Document Object Model (Core) Level 1
・Document Object Model Core Level 2
・Document Object Model Core
・第２３回 NodeListインターフェイスを利用する
・Web Kit DOM Programming Topics: JavaScriptからのドキュメントオブジェクトモデルの使用
- Newer: Mac用DJソフト - djayを買ったよ
- Older: FirebugがXMLHttpRequestを監視している方法を読んでみる
Trackback:0
- TrackBack URL for this entry
- http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1155
- Listed below are links to weblogs that reference
- NodeList・HTMLCollectionを返すメソッド一覧 from HouseTect, JavaScriptな情報をあなたに
