ホームページ > 記事 > ウェブフロントエンド > querySelectorAll を使用せずに古いブラウザで属性によって要素を選択する方法
属性選択のための querySelectorAll の代替手段
querySelectorAll メソッドのない古いブラウザを使用する場合は、属性選択のための代替方法を見つける必要があります。属性に基づいた要素。この記事では、IE7 などのブラウザで特定の属性を持つ要素を取得するためのソリューションについて説明します。
これを実現するために、getAllElementsWithAttribute という名前のカスタム関数を導入します。この関数は getElementByTagName('*') メソッドを利用してドキュメント内のすべての要素を取得します。次に、これらの要素を反復処理して、必要な属性の存在を確認します。属性を持つ要素は、関数によって返される配列に追加されます。
この関数を使用するには、照合する属性名を指定するだけです。例:
<code class="javascript">getAllElementsWithAttribute('data-foo');</code>
これは、「data-foo」属性を持つすべての要素を含む配列を返します。このソリューションは、querySelectorAll のネイティブ サポートがない古いブラウザであっても、属性選択を実行するための堅牢でブラウザ間互換性のある方法を提供します。
以上がquerySelectorAll を使用せずに古いブラウザで属性によって要素を選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。