JavaScript - ドキュメントオブジェクトモデル(HTML DOM(tagName))

初めてのJavaScript 第2版
Shelley Powers (著)
武舎 広幸、武舎 るみ (訳)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリー・ジャパン、2009年、ISBN978-4-84311-425-5) の11章(ドキュメントオブジェクトモデル)練習問第11-2解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)

11-2.

tagNameを調べればいい。body要素の直下にある子要素のtagNameを全て調べてみる。

コード(TextWrangler)

var body = document.getElementsByTagName('body')[0];
var children = body.childNodes;
var result = "";
for(var i = 0; i < children.length; i++){
  result += children[i] + ": " + children[i].tagName + "\n";
}
$('#pre0').text(result);