JavaScriptが--DOM操作CSSのインラインスタイルノート

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重要に。

三、DOM、CSSスタイルのインテリアと外部スタイルを読み込み

ここ回し

彼は198元の記事を発表 ウォン称賛94 ビュー90000 +

おすすめ

転載: blog.csdn.net/shang_0122/article/details/104873433