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

開発環境

• Microsoft Windows 7 Home Premium (OS)
• Internet Explorer 9 Beta(プラウザ)
• Microsoft Visual Web Developer 2010 Express Edition (IDE)
• Script言語:JavaScript

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

11-5

次の要素

<div id="elm1" class="thediv">

...

</div>

にアクセスするのに使えるメソッドは以下の3つ。

要素のid属性にアクセス

var elem1 = document.getElementById("elem1"); document.write("<p>" + elem1.innerHTML + "</p>");

classNameが「thediv」の要素の集合のインデックスからアクセス。

var thediv = document.getElementsByClassName("thediv"); document.write("<p>" + thediv[0].innerHTML + "</p>");

divタグ集合のインデックスからアクセス。

var divs = document.getElementsTagByName("div"); document.write("<p>" + divs[118].innerHTML + "</p>");

ちなみにdivタグ集合のインデックスは以下のコードで取得。

var divs = document.getElementsByTagName("div"); for (var i = 0; divs.length; i++) { if (divs[i].id = elem1) { document.write(i); break; } }