Javascript改變CSS樣式(局部和全局)

2019-11-20 21:26:01

字體：大中小

供稿：網(wǎng)友

一、局部改變樣式

有三種方法：直接改變樣式、改變className和改變cssText

改變className： document.getElementById('obj').className="…"

改變cssText：document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";

改變直接樣式： document.getElementById('obj').style.backgroundColor="#003366″

二、全局改變樣式

通過(guò)改變外鏈樣式的的href的值實(shí)現(xiàn)網(wǎng)頁(yè)樣式的實(shí)時(shí)切換，也就是"改變模板風(fēng)格"。

首先需要賦予需要改變的目標(biāo)一個(gè)id，如

復(fù)制代碼代碼如下:

調(diào)用時(shí)很簡(jiǎn)單，如

復(fù)制代碼代碼如下:

 
<span onclick="javascript:document.getElementById('css').href='ie.css'">點(diǎn)我改變樣式</span> 

上一篇：js 限制input只能輸入數(shù)字、字母和漢字等等

下一篇：jquery 提示信息顯示后自動(dòng)消失的具體實(shí)現(xiàn)

學(xué)習(xí)交流

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)

索泰發(fā)布一款GTX 1070 Mini迷你版本:小機(jī)箱大愛...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點(diǎn)

榮耀總裁趙明烏鎮(zhèn)演講：榮耀首款5G手機(jī)V30下月發(fā)布

2019-10-23 09:17:05

搜狐張朝陽(yáng)：回歸媒體是搜狐重新崛起的關(guān)鍵

2019-10-21 09:20:02

華為輪值董事長(zhǎng)郭平：虛擬技術(shù)創(chuàng)造現(xiàn)實(shí)價(jià)值

2019-10-21 09:00:12

滴滴英文服務(wù)上線兩周年用戶已超200萬(wàn)

2019-09-26 08:57:12

華為推出全球至快AI訓(xùn)練集群Atlas900

2019-09-25 08:46:36

馬斯克：特斯拉正組建中國(guó)技術(shù)團(tuán)隊(duì)

2019-09-25 08:15:43

疑難解答

圖片精選

網(wǎng)友關(guān)注

国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

Javascript改變CSS樣式(局部和全局)