【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。
【公告】《Entity Framework 實務精要》 絕版優惠學習活動,是針對最後一批少量書籍絕版的短期特別活動,只提供 20 個名額(剩 7 名),教學影片要在今年暑假過後才會重新開放訂閱,並沒有提供之前單獨購書的讀者,還請見諒, 如果您需要教學影片,屆時再請參與,也感謝讀者學員的支持,我們正在開發更多的教學內容,歡迎與我們一起努力。
《Entity Framework 實務精要》 絕版優惠學習活動》

利用JavaScript移除CSS樣式

已完成的 CSS 樣式設定設定可以透過 JavaScript 進行移除,例如以下為一背景顏色為藍色的矩形:


以下為此方塊的配置:

<div id="rect"
style="background-color: royalblue;
border: 1px dotted royalblue;
height: 120px; width: 360px;">
</div>

其背景透過 background-color 樣式進行設定,現在按一下矩形,背景顏色會移除,而當你按下的時候,執行了以下的程式碼:

var recdiv = document.getElementById('rect') ;
recdiv.addEventListener('click',function(){
    recdiv.style.backgroundColor = '' ;
},false) ;

如此一來,原本矩形方塊設定的background-color 被清空,因此回復為預設值。


沒有留言: