CSS表記のままJavaScriptでスタイルを指定したい場合は、style.cssTextを使用します。
サンプルソース
例)id="target"の要素にCSS表記でスタイルを指定する
1 2 |
var obj = document.getElementById("target"); obj.style.cssText = "background-color:yellow;font-weight:bold;"; |
setAttributeを使用した以下の書き方でもOKです。
1 2 |
var obj = document.getElementById("target"); obj.setAttribute("style", "background-color:yellow;font-weight:bold;"); |
実行サンプル
ボタンを押すと、「background-color:yellow;font-weight:bold;」が適用されます。
あいうえお
解説
- styleをクリアしたい場合は、以下の様に空文字を指定すればOKです。
1 |
document.getElementById("target").style.cssText = ""; |