CSSStyleDeclaration.length

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

読み取り専用のプロパティで、この CSS 宣言ブロックにあるスタイル宣言の数を整数で表します。

値

このインスタンスの親に明示的に設定されているスタイルの数を示す整数です。

次の例は、以下の HTML 要素に明示的に設定されたスタイルの数を取得します。

html

<div
 id="div1"
 style="margin: 0 10px; background-color: #CA1; font-family: monospace"></div>

JavaScript コード:

const myDiv = document.getElementById("div1");
const divStyle = myDiv.style;
const len = divStyle.length; // 6

仕様書
CSS Object Model (CSSOM) # dom-cssstyledeclaration-length

このページは MDN の貢献者によって 2023年3月20日に最終更新されました。