欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Javascript?動態(tài)樣式控制方法

 更新時間:2022年03月06日 15:30:52   作者:稻田里展望者  
這篇文章主要介紹了Javascript?動態(tài)樣式控制方法。文章總結(jié)了兩個方法使用style屬性來設置和定義好類選擇器的樣式,通過元素的ClassName屬性來設置其Class屬性值,需要的朋友可以參考一下

方法一:使用style屬性來設置

使用style屬性來設置

html代碼:

?? ?<div id="div1">
? ? ? ? div
? ? </div>

Javascript代碼:

var div1 = document.getElementById("div1");
? ? ? ? div1.onclick = function () {
? ? ? ? ? ? //修改樣式
? ? ? ? ? ? div1.style.border = "1px solid red";

? ? ? ? ? ? div1.style.width = "200 px";

? ? ? ? ? ? div1.style.fontSize = "200px";
? ? ? ? }

方法二:定義好類選擇器的樣式

定義好類選擇器的樣式,通過元素的ClassName屬性來設置其Class屬性值,用的比較多

html代碼:

? ?<div id="div2">
? ? ? ? div2
? ? </div>

Css代碼: 

? <style>
? ? ? ? .d1{
? ? ? ? ? ? border: 1px solid red;
? ? ? ? ? ? width: 100px;
? ? ? ? ? ? height: 100px;
? ? ? ? }

? ? ? ? .d2{
? ? ? ? ? ? border: 1px solid blue;
? ? ? ? ? ? width: 200px;
? ? ? ? ? ? height: 200px;
? ? ? ? }
? ? </style>

javascript代碼:

var div2 = document.getElementById("div2");
? ? ? ? div2.onclick = function () {
? ? ? ? ? ? div2.className = "d1";
? ? ? ? }

到此這篇關于Javascript 動態(tài)樣式控制方法的文章就介紹到這了,更多相關Javascript 動態(tài)樣內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

最新評論