利用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 被清空，因此回復為預設值。