ホームページ  >  記事  >  ウェブフロントエンド  >  属性クエリを使用せずに JavaScript で要素名のワイルドカード マッチングを実行するにはどうすればよいですか?

属性クエリを使用せずに JavaScript で要素名のワイルドカード マッチングを実行するにはどうすればよいですか?

DDD
DDDオリジナル
2024-10-23 18:33:02854ブラウズ

How to Perform Element Name Wildcard Matching in JavaScript Without Attribute Queries?

JavaScript でのワイルドカード要素名のマッチング: QuerySelector および QuerySelectorAll

名前に特定の文字列を含む要素を検索することは、XML ドキュメントを解析するときによく行われるタスクです。 。ただし、JavaScript の querySelector メソッドと querySelectorAll メソッドは、ワイルドカードを使用した属性クエリのみをサポートします。

XPath の代替

ワイルドカード要素名の一致に XPath を使用することは、非推奨のため推奨されなくなりました。 Internet Explorer 9 では、そのため、代替ソリューションが推奨されます。

属性クエリ ワイルドカード

要素名のワイルドカードは直接サポートされていませんが、属性クエリはワイルドカード マッチング機能を提供します。 :

  • [id^='someId'] は、「someId」で始まる ID を持つすべての要素と一致します。
  • [id$='someId'] は、ID を持つすべての要素と一致します"someId" で終わります。
  • [id*='someId'] は、"someId" を含む ID を持つすべての要素と一致します。

name 属性と一致するには、単純に "id" を置き換えます" with "name".

要素タグ名のマッチング

残念ながら、現時点では、querySelector または querySelectorAll を使用して要素タグ名のワイルドカード マッチングを直接実行する方法はありません。

以上が属性クエリを使用せずに JavaScript で要素名のワイルドカード マッチングを実行するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。