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

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

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

方法一:使用style屬性來(lái)設(shè)置

使用style屬性來(lái)設(shè)置

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屬性來(lái)設(shè)置其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";
? ? ? ? }

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

相關(guān)文章

最新評(píng)論