ホームページ > 記事 > ウェブフロントエンド > document.all と getElementById、getElementsByName、getElementsByTagName の使用法の違い - getElementById_javascript スキル
document.all と getElementById、getElementsByName、getElementsByTagName の使用法の違い - getElementById_javascript スキル
- WBOYオリジナル
- 2016-05-16 18:57:351355ブラウズ
ただし、ドキュメント内の特定の要素を検索する必要がある場合、最も効率的なメソッドは 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 が互換性の問題のためにこれを行ったのかもしれません。
テストに使用したコードは次のとおりです:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。