已完成的 CSS 樣式設定設定可以透過 JavaScript 進行移除,例如以下為一背景顏色為藍色的矩形:
以下為此方塊的配置:
其背景透過 background-color 樣式進行設定,現在按一下矩形,背景顏色會移除,而當你按下的時候,執行了以下的程式碼:
如此一來,原本矩形方塊設定的background-color 被清空,因此回復為預設值。
以下為此方塊的配置:
<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 被清空,因此回復為預設值。
沒有留言:
張貼留言