Javascript改變CSS樣式(局部和全局)_javascript技巧
來源：懂視網
責編：小采
時間：2020-11-27 21:17:26
Javascript改變CSS樣式(局部和全局)_javascript技巧
Javascript改變CSS樣式(局部和全局)_javascript技巧:一、局部改變樣式 有三種方法：直接改變樣式、改變className和改變cssText 改變className： document.getElementById('obj').className=… 改變cssText：document.getElementById('obj').style.cssText=width
導讀Javascript改變CSS樣式(局部和全局)_javascript技巧:一、局部改變樣式 有三種方法：直接改變樣式、改變className和改變cssText 改變className： document.getElementById('obj').className=… 改變cssText：document.getElementById('obj').style.cssText=width
一、局部改變樣式
有三種方法：直接改變樣式、改變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″
二、全局改變樣式
通過改變外鏈樣式的的href的值實現網頁樣式的實時切換，也就是"改變模板風格"。
首先需要賦予需要改變的目標一個id，如
代碼如下:
調用時很簡單，如
代碼如下:
點我改變樣式
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
Javascript改變CSS樣式(局部和全局)_javascript技巧
Javascript改變CSS樣式(局部和全局)_javascript技巧:一、局部改變樣式 有三種方法：直接改變樣式、改變className和改變cssText 改變className： document.getElementById('obj').className=… 改變cssText：document.getElementById('obj').style.cssText=width
