mx-Lab：SSブログ

collection = document.all;
allcollection = document.all;
element = document.all.id;
element = document.all[index];
element = document.all[id];
collection = document.all[name];
nodelist = document.all[name];
element = document.all(index);
element = document.all(id);
element = document.all(name);
collection = document.all(name);
nodelist = document.all(name);

なんじゃこら。

形をピックアップするだけでも大変だわ。

指定された DOM(Document Object Model) 形式のドキュメント document に対して、以下の動作をします。

Internet Explorer、Opera がこの形。document 内のすべてのエレメントに対する Element クラス（またはそのサブクラス）のコレクション collection （HTMLCollection）を返す。ただし、Internet Explorer と Opera では、格納されている情報が異なる場合があるので、要注意。
Safari、Google Chrome がこの形。document 内のすべてのエレメントに対する Element クラス（またはそのサブクラス）のコレクション allcollection （HTMLAllCollection）を返す。
id プロパティが id であるエレメントへの参照 element を返す。
document 内のインデックス値が index であるエレメントへの参照 element を返す。ただし、Internet Explorer と他のブラウザでは、格納されている情報が異なる場合があるので、要注意。
id プロパティが指標値（文字列） id であるエレメントへの参照 element を返す。
Internet Explorer、Opera がこの形。name プロパティが指標値（文字列） name の複数のエレメントのコレクション collection （HTMLCollection）を返す。
Safari、Google Chrome がこの形。name プロパティが指標値（文字列） name の複数のエレメントのノードリスト nodelist （NodeList）を返す。
document 内のインデックス値が index であるエレメントへの参照 element を返す。ただし、Internet Explorer と他のブラウザでは、格納されている情報が異なる場合があるので、要注意。
id プロパティが引数（文字列） id であるエレメントへの参照 element を返す。
Internet Explorer のみ、この形。name プロパティが引数（文字列） name のうち、最初のエレメントの参照 element を返す（模様）。
Opera のみ、この形。name プロパティが引数（文字列） name の複数のエレメントのコレクション collection （HTMLCollection）を返す。
Safari、Google Chrome がこの形。name プロパティが引数（文字列） name の複数のエレメントのノードリスト nodelist （NodeList）を返す。

Firefox 系は動きません。

Firefox くらい、態度がはっきりしててくれると、まだ助かるんだけどね。

なんなの？　このブラウザごとのバラバラ加減。

はっきり言って、こういう存在は、JavaScript の「癌」です。

【追記】 2010/12/29 22:03 検証したブラウザのバージョンを追記します。
Internet Explorer 8、Firefox 3.6.13、Opera 11.00、Safari 5.0.3、Google Chrome 8.0.552.224。

タグ：プログラム JavaScript All

2010-12-29 22:05 nice!(2) コメント(4) トラックバック(0)
共通テーマ：パソコン・インターネット

getElementsByName　[JavaScript]

◆document.getElementsByName メソッド

collection = document.getElementsByName(name);
nodelist = document.getElementsByName(name);

指定された DOM(Document Object Model) 形式のドキュメント document から、name プロパティが引数（文字列）name であるエレメントに対する Element クラス（またはそのサブクラス）のコレクション collection、またはノードリスト nodelist を返します。

該当するインスタンスが存在しない場合、null ではなく、空のコレクション collection、または空のノードリスト nodelist を返します。

HTML では、ボタンやテキストボックスといったコントロールは、そのエレメントごとに name プロパティで「名前」を付けることができますが、name プロパティはひとつのドキュメント内でユニークである必要はありません。ひとつのドキュメント内で、複数のエレメントで name プロパティが重複しても、大丈夫なわけです。

従って、document.getElementsByName(name) メソッドは、指定された name プロパティを持つコントロール群を、一度に返せるような戻り値を返します。

だから、ユニークな id プロパティでエレメントを探すメソッドが geｔElementById（単数形）なのに対して、name プロパティでエレメントを探すこのメソッドの名前は geｔElementsByName（複数形）なんですね。

問題の戻り値のインスタンスなんですが、ブラウザ依存です（またかよ･･････）。

Internet Explorer 8、Firefox 3.6.13 では、戻り値が HTMLCollection というオブジェクトインスタンスで返ってきます。

一方、Opera 11.00、Safari 5.0.3、Google Chrome 8.0.552.224 では、戻り値が NodeList というオブジェクトインスタンスで返ってきます。

いずれ HTMLCollection も NodeList もエントリーにしますが、あんまり便利な代物じゃありません。

タグ：プログラム JavaScript getElementsByName

2010-12-28 20:26 nice!(1) コメント(0) トラックバック(0)
共通テーマ：パソコン・インターネット

getElementsByTagName　[JavaScript]

◆document.getElementsByTagName メソッド

collection = document.getElementsByTagName(tagname);
nodelist = document.getElementsByTagName(tagname);

指定された DOM(Document Object Model) 形式のドキュメント document から、tagName プロパティが引数（文字列）tagname であるエレメントに対する、Element クラス（またはそのサブクラス）のコレクション collection、またはノードリスト nodelist を返します。

タグ名ですから、getElementsByTagName('a'); とか、getElementsByTagName('body'); なんてこともできちゃいます。

該当するインスタンスが存在しない場合、null ではなく、空のコレクション collection、または空のノードリスト nodelist を返します。

HTML では、ボタンやテキストボックスといったコントロールは、その種類のエレメントごとに「HTML タグ」が決められており、同一のタグを持つコントロールは、ひとつの document 内に複数存在する可能性があります。

従って、document.getElementsByTagName(tagname) メソッドは、指定されたタグ名のコントロール群を、一度に返せるような戻り値を返します。

だから、ユニークな id プロパティでエレメントを探すメソッドが geｔElementById（単数形）なのに対して、tagName プロパティで探すこのメソッドの名前は geｔElementsByTagName（複数形）なんですね。

こいつは Ajax などで、かなりいい加減にサーバーから送信した XML でも、XMLHttpObject オブジェクトインスタンスの responseXML プロパティで受け取った DOM オブジェエクトを、きちんとフィールドごとの Element としてピックアップしてくれるので、かなり重宝します。

問題の戻り値のインスタンスなんですが、ブラウザ依存です（また出たよ･･････）。

Internet Explorer 8、Firefox 3.6.13 では、戻り値が HTMLCollection というオブジェクトインスタンスで返ってきます。

一方、Opera 11.00、Safari 5.0.3、Google Chrome 8.0.552.224 では、戻り値が NodeList というオブジェクトインスタンスで返ってきます。

HTMLCollection も NodeList もいずれエントリーにしますが、あんまり便利な代物じゃありません。

タグ：プログラム JavaScript getElementsByTagName

2010-12-27 20:33 nice!(2) コメント(3) トラックバック(0)
共通テーマ：パソコン・インターネット

getElementById　[JavaScript]

◆document.getElementById メソッド

element = document.getElementById(id)

指定された DOM(Document Object Model) 形式のドキュメント document から、id プロパティが引数（文字列）id であるエレメントに対する Element クラス（またはそのサブクラス）のインスタンス参照 element を返します。

該当するエレメントが存在しない場合、null を返します。

HTML では、その document 内にある複数のエレメントが、それぞれ個別に持つ id プロパティは、必ずユニーク（＝一意、つまり同じ値を持つ複数の要素の共存は許されない、という意味）でなければならないので、id が決まると、特定できるエレメントは、必ずひとつか、もしくは存在しません（該当する id プロパティを持つエレメントがない場合）。

なので、document.getElementById が返してくるエレメントのインスタンス参照は、必ずひとつか、存在しない場合は null か、このいずれかになります。

最近の JavaScript では、なんつったって、こいつがいないと、困っちゃいますね。

タグ：プログラム JavaScript getElementById

2010-12-26 20:03 nice!(2) コメント(0) トラックバック(0)
共通テーマ：パソコン・インターネット