JavaScript - ドキュメントオブジェクトモデル(HTML要素と属性)

初めての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-1を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• 『jQueryクックブック』(jQuery Community Experts 著、株式会社クイープ 訳、オライリー・ジャパン、2010年、ISBN978-4-87311-468-2)

11-1.

1. id
2. className
3. title
4. dir
5. lang

の5つ。

この要素の属性を取得(<div id="d0" class="d1" title="d2" dir="d3" lang="d4"></div>)

コード(TextWrangler)

var div=document.getElementById('d0');
var result = "id: " + div.id + "\n" +
  "class: " + div.className + "\n" +
  "title: " + div.title + "\n" +
  "dir: " + div.dir + "\n" + 
  "lang: " + div.lang + "\n";
$('#pre0').text(result);