document.all と getElementById、getElementsByName、getElementsByTagName の使用法の違い - getElementById_javascript スキル

ただし、ドキュメント内の特定の要素を検索する必要がある場合、最も効率的なメソッドは getElementById() です。
ただし、getElementById を使用した結果はブラウザによって異なる場合があることに注意してください。

コードをコピーします コードは次のとおりです。

text1:
;
text2：


IE で上記のコードをテストしました。最初のテキスト ボックスに 1 を入力し、2 番目のテキスト ボックスに 2 を入力して、下の 2 つのボタンをクリックします。結果は何ですか？
私の当初の意図は、ボタン 1 が最初のテキスト ボックスの値を返し、ボタン 2 が最初のテキスト ボックスの値を返すことです。
結果として、両方のボタンが最初のテキスト ボックスの値を返します。
ie が document.getElementById(elementName) を実行すると、名前または ID が elementName に等しい最初のオブジェクトが返され、ID に基づいて検索されないことを説明します。
fireFox ではそのような問題はありません。fireFox が document.getElementById(elementName) を実行すると、elementName に等しい ID を持つオブジェクトのみが検索され、存在しない場合は null が返されます。
IE が互換性の問題のためにこれを行ったのかもしれません。


テストに使用したコードは次のとおりです:

document.all テスト <title> </title> --> <form name="form1" id="f1"> </form>