コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > document.all と getElementById、getElementsByName、getElementsByTagName の使用法の違い - getElementById_javascript スキル

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

WBOY
リリース： 2016-05-16 18:57:35
オリジナル
1365 人が閲覧しました

ただし、ドキュメント内の特定の要素を検索する必要がある場合、最も効率的なメソッドは 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 が互換性の問題のためにこれを行ったのかもしれません。


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


関連ラベル：
getelementbyid
ソース：php.cn
前の記事：JavaScript iFrame Research_JavaScript スキル 次の記事：JSアルバムエフェクト自動再生【ローカル統合】_画像特殊効果
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2252
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2389
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
2003
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1890
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1956
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート