JavaScript Error 参考マニュアル JavaScript Boolean オブジェクト

JavaScript CSS スタイル宣言オブジェクト

1
var output = document.getElementById("result");
function myFunc1() {
　　　var styleObj = heading.style;
　　　output.innerHTML = styleObj.cssText;
}
function myFunc2() {
　　　var prop = window.getComputedStyle(heading, null).getPropertyValue("color");
　　　output.innerHTML = prop;
}

テストしてみて‹/›

HTMLElement.style単一の要素のインラインスタイルを処理します。

window.getComputedStyle()CSSStyleDeclarationオブジェクトを読み取り専用のインターフェースとして公開します。

CSSStyleDeclarationオブジェクト属性

以下のテーブルには、CSSStyleDeclarationオブジェクトの属性が示されています：

属性	説明
cssText	CSS宣言ブロックのテキスト表現を設定または返す
length	CSS宣言ブロック内のスタイル宣言の数を返す
parentRule	スタイルブロックの親のCSSルールを返す

CSSStyleDeclarationオブジェクトメソッド

以下のテーブルには、CSSStyleDeclarationオブジェクトのメソッドが示されています：

メソッド	説明
getPropertyPriority()	指定されたCSS属性が「！important」ルールセットを持っているかどうかを返す
getPropertyValue()	指定されたCSS属性の値を返す
item()	インデックスを使用してCSS宣言ブロックからCSS属性名を返す
removeProperty()	CSS宣言ブロックからCSS属性を削除する
setProperty()	CSS宣言ブロックで新しいまたは既存のCSS属性を設定または変更する

JavaScript Error 参考マニュアル JavaScript Boolean オブジェクト