読者です 読者をやめる 読者になる 読者になる

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 が参考になる。