ドキュメントの制御

作成日：2013-04-04
最終更新日：

オライリーの JavaScript 第6版を図書館から借りて、いろいろ調べている。 15 章の JavaScript の DOM は知らないので、少し調べてみた。

概要

DOM (Document Object Model) は HTML や XML ドキュメントのコンテンツを表したり操作したりする API である。

12.1 ドキュメント要素の選択

ID による選択

getElementById("id_name") を使う。

document オブジェクトのプロパティ

列挙

document オブジェクトのプロパティはたくさんあって覚えきれない。注意しておきたいことがある。 document オブジェクトに限らないが、DOM でオブジェクトのプロパティを得るためには


	for (var prop in document) {

		document.writeln(prop); 

	}

という方法をとる。

document オブジェクトのプロパティ表示1

なお、親クラスのプロパティ（組み込みのプロパティも含む）ではなく、自分のみの固有のプロパティを知るには、hasOwnProperty メソッドを使って判別する。

document オブジェクトのプロパティ表示2

またObject.keys(document) とする方法もある。自分のみの固有のプロパティが配列で帰ってくる。

document オブジェクトのプロパティ表示3

Object.getOwnPropertyNames(document) を使う方法もある。

document オブジェクトのプロパティ表示4

判定

演算子 in を使う方法


var upper = { usotuki: 0.003 }; 

var lower = Object.create( upper ); // lower はプロトタイプに upper をもつオブジェクト


"usotuki" in upper; // => true

"usotuki" in lower; // => true



Object.prototype.hasOwnProperty メソッドを使う方法

var upper = { usotuki: 0.003 }; 

var lower = Object.create( upper ); // lower はプロトタイプに upper をもつオブジェクト


upper.hasOwnProperty("usotuki") //=> true

lower.hasOwnProperty("usotuki") //=> false




リンク


	
	JavaScript でオブジェクトのプロパティを列挙する方法(http://dangerous-animal141.hatenablog.com/)
	JavaScript のオブジェクトのプロパティ一覧を取得する方法とオブジェクトが指定の名前のプロパティをもっているか検査する方法
	(vividcode.hatenablog.com)


まりんきょ学問所 ＞
JavaScript 手習い ＞
ドキュメントの制御



MARUYAMA Satosi