セレクターclass=^fx-
は次のような要素のみを検索します。
<div class="fx-foo bar">...</div>
...そしてこのようなものではありません:
<div class="bar fx-foo">...</div>
...属性の先頭fx-
にが表示されないため。2番目の形式を使用している場合、残念ながら、すべての要素を調べて、クラスがない要素を除外するしかありません。現在、「で始まる単語を含む」のセレクターはありません。fx-xxx
で始まるクラスセレクターを定義するすべてのルールを見つけることに関してはfx-
、それを行うことができます。document.styleSheets
現在のドキュメントに適用されているすべてのスタイルシートのリストが表示されます。各スタイルシートオブジェクトには、そのオブジェクトに対して定義されたルールのリストがあります(これは、ブラウザの年齢とブランドに応じて、cssRules
または単に異なります)。rules
各ルール(CSSStyleRule
オブジェクトselectorText
)には、ルールの完全なセレクターを提供するなど、ルールに関する情報が含まれます。したがって、そのセレクターを解析して、で始まるクラスルールが定義されているかどうかを確認できますfx-
。セレクター(たとえば.foo, .fx-bar { ... }
)を見るときは、必ずコンマを使用してください。セレクター文字列の解析は、難しいことではありませんが、重要であることに注意してください。