document.getElementById（）VS. getElementByIdを（）は

Question

私のような何かをすることによって、特定のイベントのためのJavaScript関数を登録することが一般的です：私は常に自分自身でgetElementByIdを使用しました

myBtn.Attributes.Add("onClick", "Validate(getElementById('"+txtFirstName.ClientID + "'));"); 

、または他の言葉で、SANはそれの前に付加されているドキュメント。しかし、私は最近、の代わりにgetElementByIdを使用しようとすると、ページが壊れてしまいます。どうしてこれなの？奇妙なことに、1つのページでただgetElementByIdを使用できるウェブサイトがありますが、getElementByIdとすれば要素を見つけることができず、document.getElementByIdの場合にのみ機能します。

誰でもこの理由を知っていますか？ドキュメントの接頭辞なしで動作するかどうかにかかわらず、どこでもdocument.getElementByIdを使用する必要がありますか？

編集： これは、1ページがAJAXを使用していて、もう1つがそうでないという事実とは関係がありますか？

Answer 1

document.getElementById（$記号を使用するには、プロトタイプやjqueryのようなライブラリを使用することをお勧めします）でも使用してください。

getElementByIdを単独で使用できるのは、使用しているブラウザが動作するために何らかのトリックを行っているからですが、正しい方法はドキュメント変数を使用することです。

Answer 2

getElementById（）は、ページのHTML構造内の要素を見つけ出すため、実際には説明する方法はわかりません。一部のブラウザでは、デフォルトでドキュメントを検索したいと考えていますが、他のブラウザには追加のガイダンスが必要なため、ドキュメントが必要です。

Answer 3

フルdocument.getElementById()を使用してください。

$('#' + id) 

か、あなたのスクリプトの先頭にエイリアスを作成できます：あなたはあまりにも冗長なことが判明した場合、あなたはjQueryのを使用することができ、あなたがgetElementById()を使用し、それが動作するとき

var byID = document.getElementById; 

Answer 4

ことがあることを意味します関数が呼び出された場所は、ドキュメントのコンテキスト上で実行されています。これはthis ==ドキュメントです。

このようなエラーを避けるには、常にdocument.getElementByIdを使用する必要があります。

とにかく、私はgetElementByIdの使用をやめて、JQueryを使用し始めます。後悔しないと確信しています。あなたはjQueryのを使用した場合

あなたのコードは次のようになります：

$("#myBtnID").click(function() { Validate($("#myTextboxID"))}); 

Answer 5

あなたが所有しているオブジェクト（例：のdocument.getElementById）せずにアクセスし、任意の関数や変数は、ウィンドウからプロパティにアクセスします。

だから、getElementByIdを、実際にあなたが（例：前にそれを定義しない限り、ネイティブ（定義されていないwindow.getElementById、次のとおりです。getElementByIdを=のdocument.getElementById）

Answer 6

正しい方法は確かにdocument.getElementById()です。

それは単独で機能するかもしれない理由は、現在のコンテキストが実際にはドキュメントオブジェクトであるかもしれないので、明示的にdocument.getElementById（）という結果になるということです。