はじめに JavaScriptはいい言語だけど、コンソール出力が標準で備わっていないことがプログラマに嫌われる理由の一つだと思う(標準に組み込んで欲しいなあ)。console.log()はほとんどの環境で入っているけどオブジェクトのデバッグ表示が貧弱なのが痛い。 var obj = {a:1, b:2, c:3}; console.log(obj); => [object Object] // oh...ってなる、知りたいのはその奥なのだ。 Firebugではconsole.dir()という関数が用意されていて、オブジェクトの中身を表示することが出来る。残念ながらAdd-on SDKではconsole.log()しか用意されていないので自作することにした。 サンプルコード 基本。 console.dir({a: 1, b: 2, c: 3}); => info: a: 1 b: 2 c:

hogehoge @teramako

セレクター API により提供されるメソッドを用いると、一連のセレクターに一致する要素 (Element) ノードを DOM から簡単かつ素早く取り出すことができます。これは過去の技術よりもはるかに速く、必要な場所で、例えば、 JavaScript コードでループを使用して検索する必要があるアイテムを特定するために使います。 この仕様書では、 Document, DocumentFragment, Element インターフェイスを実装しているすべてのオブジェクトに対して 2 つの新しいメソッドを追加しています。 querySelector() ノードのサブツリー内で最初に一致した Element ノードを返します。一致する要素がなかった場合は null を返します。 querySelectorAll() ノードのサブツリー内で一致するすべての Element ノードを含む NodeLis