matchesCssRule.js

概略

対象の要素がスタイルシートで定義されているセレクタ (document.styleSheets[i].cssRules[j].selectorText) にマッチするなら、true を返します。

• property も指定しているなら、該当プロパティを持つセレクタに合致する場合に true を返します。
• (X)HTML の style属性によるスタイル適用は判定条件に入っていないので、「スタイルシートを適用しているか」をチェックするなら element.style[property] も検査する必要があります。

ダウンロード

• matchesCssRule.js
• gist: 630663 (matchesCssRule.js) - GitHub

サンプル

下記の要素をクリックすると、true または false を alert します。(* コードはブラウザの [ソースを表示] で確認してください。)

「for loop ver.」「Array.forEach ver.」「Array.some ver.」の3タイプが存在します。
「Array.forEach ver.」はマッチしてもループ処理を継続するので、実際に使用する時は他のタイプを選択すると良いと思います。

参考URL

Selectors API

• 6.2. Matching Elements - Selectors API Level 2
• Node.mozMatchesSelector - MDC
• webkitMatchesSelector - Safari Reference Library

document.styleSheets

• インタフェース DocumentStyle - DOM L2 Style (ja)
• Interface DocumentStyle - DOM L2 Style
• DOM:document.styleSheets - MDC
• styleSheet Object - MSDN
• rules Collection - MSDN
• CSSStyleSheet Prototype - MSDN
• Javascript cssRules - とみぞーノート

element.style

• インタフェース ElementCSSInlineStyle - DOM L2 Style (ja)
• element.style - MDC

Array.forEach

• Predefined Core Objects (Working with Array-like objects) - MDC
• New in JavaScript 1.6 - MDC

その他

• jQueryでheightが指定されていないエレメントを得る方法 | OKWave