A、CSSスタイル3
DOM CSSのインラインスタイルを操作することにより、第2、
変更(セット)スタイルの構文
- 要素は.style。スタイルスタイル名=値を
読むスタイルの構文
- 要素は.style。スタイル名を
例えば:
1.シンプルなボックスプラスCSSスタイル書く
次のようにCSSスタイルを:
#box1{
width: 200px;
height: 200px;
background-color: #FF0000;
}
2. [スタイルの変更を加えたbtn01
btn01.onclick=function(){
var box1= document.getElementById("box1");
//修改box1样式
box1.style.width = "300px";
box1.style.height = "300px";
box1.style.backgroundColor="yellow";
};
3.プラスbtn02読み取りスタイル
btn02.onclick = function(){
//读取box1的样式
alert(box1.style.width);
}
注意点:
-
代わりにこぶ命名法を、行く- - CSSスタイル名が含まれている最初の文字は大文字
、のような:背景色は、backgroundColorのとなり -
!スタイルプラス重要なのは、jsは元のスタイル変更しない
ような:背景色:!#FF0000重要に。