要素 ID は JavaScript でグローバル プロパティを作成しますか?

ID を持つ DOM ツリー要素はグローバル プロパティになりますか?

ID を変数名として使用して DOM ツリー内の要素にアクセスする機能、またはInternet Explorer や Chrome などのブラウザの window オブジェクトのプロパティでは、すべての DOM 要素がグローバルになるかどうかという疑問が生じます。 property.

答え:

いいえ、すべての DOM 要素がグローバル プロパティになるわけではありません。 ID を持つ要素のみがドキュメント オブジェクトの見かけのプロパティに変換されます。 IE は、ウィンドウ オブジェクトのプロパティとして名前付き要素も追加することで、この動作を拡張します。

影響:

この方法では、いくつかの潜在的な問題が発生します:

• プロパティの競合: 要素名がドキュメントまたはウィンドウの実際のプロパティと競合する可能性があります
• 要素の可視性: 要素はグローバルのような変数として表示され、実際のグローバル変数や関数の宣言に干渉する可能性があります。
• 代入エラー: 名前が衝突しているグローバル変数に値を代入しようとすると、エラーが発生する可能性があります。 IE.

推奨事項:

一般に、グローバル プロパティまたはウィンドウ プロパティとして名前付き要素に依存することを避けることがベスト プラクティスと考えられています。代わりに、より広範なサポートと明確さのために document.getElementById を使用することをお勧めします。

標準化:

HTML5 には、ドキュメントとウィンドウのプロパティに名前付き要素を配置する方法が含まれています。標準として。これは、Firefox と他のブラウザもこの動作をサポートすることを意味します。

その他の考慮事項:

• name 属性は、フォームなどの要素での識別目的で使用されます。 、画像、およびアンカー。
• 属性には名前よりも ID の使用が優先されます。
• ブラウザは通常、迅速な検索のために getElementById 呼び出しを最適化し、ID から要素への検索をキャッシュする必要がなくなります。

以上が要素 ID は JavaScript でグローバル プロパティを作成しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。