HTML DOM Element style属性
- 前のページ setAttributeNode()
- 次のページ tabIndex
- 上一层に戻る HTML DOM Elements オブジェクト
定義と用法
style 属性は、要素のstyle属性の値をCSSStyleDeclarationオブジェクトとして返します。
CSSStyleDeclarationオブジェクトは、要素のすべてのインラインスタイル属性を含みます。それには含まれていません <head> 部分または外部のスタイルシートで設定されたすべてのスタイル属性。
ポイント1
以下のようなスタイルは設定できません：
element.style = "color:red";
以下のようなCSS属性を使用する必要があります：
element.style.backgroundColor = "red";
ポイント2
JavaScriptの構文とCSSの構文は少し異なります：
backgroundColor / background-color
以下も参照してください： 完全なStyleオブジェクトリファレンスマニュアル。
ポイント3
style属性を使用してください、 setAttribute()メソッド、style属性内の他の属性を上書きしないように。
以下も参照してください：
例
例1
"myH1"の色を変更します：
document.getElementById("myH1").style.color = "red";
例2
"myP"の上端の値を取得します：
let value = document.getElementById("myP").style.borderTop;
構文
style属性を返します：
element.style.property
style属性を設定します：
element.style.property = value
属性値
| 値 | 説明 |
|---|---|
| value |
指定された属性の値を設定します。 例えば： element.style.borderBottom = "2px solid red" |
返り値
| タイプ | 説明 |
|---|---|
| オブジェクト | 要素のCSSStyleDeclarationオブジェクト。 |
ブラウザのサポート
element.style DOMレベル2（2001）の機能です。
すべてのブラウザが完全にサポートしています：
| クローム | IE | エッジ | ファイアフォックス | サファリ | オペラ |
|---|---|---|---|---|---|
| クローム | IE | エッジ | ファイアフォックス | サファリ | オペラ |
| サポート | 9-11 | サポート | サポート | サポート | サポート |
- 前のページ setAttributeNode()
- 次のページ tabIndex
- 上一层に戻る HTML DOM Elements オブジェクト
