Node Object の Type を調べる

Web/JavaScript 講習会 part.5 (DOM を使おう） — ディノオープンラボラトリ を見て、参考になった部分をメモ。

DOM Object Tree の存在を常に意識しておくことが重要。（サイ本第5版の p323 図 15-2 が参考になる）

DOM Object Tree は Node インタフェースを頂点としたさまざまな種類の Node Object から成っている。

Node Object の Type を調べるには Firebug で以下のようにすればOK。

// a 要素の nodeType を調べる
var a = document.getElementsByTagName('a')[0];
console.log(a.toString());
console.log('nodeName: ' + a.nodeName);
console.log('nodeType: ' + a.nodeType);
// href 属性の nodeType を調べる
var attr = a.getAttributeNode('href');
console.log(attr.toString());
console.log('nodeName: ' + attr.nodeName);
console.log('nodeType: ' + attr.nodeType);

ノードの種類を表すノードタイプ（nodeType）の定義は「Document Object Model Core」の Interface Node の項、またはサイ本 p323 の表15−1 が参考になる。