外部ライブラリを使用せずに、JavaScript で HTML 要素のスタイル値を取得するにはどうすればよいですか?

JavaScript で HTML 要素のスタイル値を取得する

を使用してスタイル設定された HTML 要素からスタイル情報を取得するにはライブラリを使用せずにタグを使用すると、インライン スタイルではなく計算されたスタイルにアクセスできます。

ブラウザ間の互換性

IE は element.currentStyle プロパティを使用しますが、他のブラウザはDOM レベル 2 document.defaultView.getComputedStyle(el, null).getPropertyValue(styleProp) メソッドを実装します。この違いに対処するために、クロスブラウザ関数が提供されています。

提供されたコード スニペットの幅値を取得するには、次を使用します:

var boxWidth = getStyle(document.getElementById("box"), "width");