浅井舞香,国产小视频免费,日本黄视频在线观看

JS修改css樣式的幾種方法

當(dāng)前位置：點(diǎn)晴教程→知識(shí)管理交流 →『技術(shù)文檔交流』

admin

2023年9月28日 1:7 本文熱度 585

本文試驗(yàn)了幾種JS修改css樣式的方法：
方法1：元素.style.樣式=樣式值。
方法2：元素.style.cssText=樣式：樣式值
方法3：元素.style[樣式]=樣式值

.cssText這種，可以用一行改變本元素多個(gè)樣式，直接后面寫(xiě)很多css樣式。
.style.樣式，這種，逐個(gè)樣式進(jìn)行修改。
如果樣式有-短線(xiàn)，如background-color,可以用方法3，style跟著樣式加中括號(hào)。

測(cè)試代碼：

<style>#D1{background-color:#fcfe3f;padding:50px;margin:11px;border:10px solid blue;width:200px;}</style>
</head>
<body>
<input type="radio" id="r1" name="s" onclick="YB()" checked>黃藍(lán)(默認(rèn)）
<input type="radio" id="r2" name="s" onclick="PR()">粉紅
<input type="radio" id="r3" name="s" onclick="GY()">綠黃
<br>
<div id="D1">文字</div>
<script language="javascript" type="text/javascript">   
 function YB(){
     document.getElementById("D1").style.background="#fcfe3f";
     document.getElementById("D1").style.border="10px solid blue";
 };
function PR(){
     document.getElementById("D1").style.cssText="background:#e87ca2;border:10px solid red";
 };
function GY(){
     document.getElementById("D1").style['background-color']="#84d192";//帶-號(hào)的css樣式用這個(gè)格式
     document.getElementById("D1").style['border']="10px solid #fcfe3f";
 };
</script>

圖示：點(diǎn)擊單選框，選擇不同的背景色和邊框色。

該文章在 2023/9/28 1:07:49 編輯過(guò)

關(guān)鍵字查詢(xún)

css

樣式

修改

相關(guān)文章

正在查詢(xún)...

點(diǎn)晴ERP是一款針對(duì)中小制造業(yè)的專(zhuān)業(yè)生產(chǎn)管理軟件系統(tǒng),系統(tǒng)成熟度和易用性得到了國(guó)內(nèi)大量中小企業(yè)的青睞。

點(diǎn)晴PMS碼頭管理系統(tǒng)主要針對(duì)港口碼頭集裝箱與散貨日常運(yùn)作、調(diào)度、堆場(chǎng)、車(chē)隊(duì)、財(cái)務(wù)費(fèi)用、相關(guān)報(bào)表等業(yè)務(wù)管理，結(jié)合碼頭的業(yè)務(wù)特點(diǎn)，圍繞調(diào)度、堆場(chǎng)作業(yè)而開(kāi)發(fā)的。集技術(shù)的先進(jìn)性、管理的有效性于一體，是物流碼頭及其他港口類(lèi)企業(yè)的高效ERP管理信息系統(tǒng)。

點(diǎn)晴WMS倉(cāng)儲(chǔ)管理系統(tǒng)提供了貨物產(chǎn)品管理,銷(xiāo)售管理,采購(gòu)管理,倉(cāng)儲(chǔ)管理,倉(cāng)庫(kù)管理,保質(zhì)期管理,貨位管理,庫(kù)位管理,生產(chǎn)管理,WMS管理系統(tǒng),標(biāo)簽打印,條形碼,二維碼管理,批號(hào)管理軟件。

點(diǎn)晴免費(fèi)OA是一款軟件和通用服務(wù)都免費(fèi)，不限功能、不限時(shí)間、不限用戶(hù)的免費(fèi)OA協(xié)同辦公管理系統(tǒng)。

狠狠色丁香婷婷综合尤物/久久精品综合一区二区三区/中国有色金属学报/国产日韩欧美在线观看 - 国产一区二区三区四区五区tv

JS修改css樣式的幾種方法