deleteRule() 方法
deleteRule方法可以刪除樣式表中的指定規則。
語法結構:
[JavaScript] 純文字檢視 複製程式碼stylesheet.deleteRule(index)
引數解析:
(1).index:必需,被刪除規則在樣式表中的索引位置。
關於stylesheet樣式表物件可以參閱CSSStyleSheet 物件詳解一章節。
再來解釋一下上文的規則具體指的是什麼。
程式碼片段如下:
[HTML] 純文字檢視 複製程式碼<style type="text/css"> div { text-align:center; background-color:red; } #ant { width:300px; height:100px; } </style>
程式碼分析如下:
(1).通過<style>元素定義一個stylesheet物件。
(2).此物件下面有兩個規則,分別通過div和#ant選擇器定義。
(3).index就是規則在演示表中的位置,位置一就是索引位置0,位置二就是索引位置1,以此類推。
瀏覽器支援:
(1).IE9+瀏覽器支援此方法。
(2).edge瀏覽器支援此方法。
(3).谷歌瀏覽器支援此方法。
(4).火狐瀏覽器支援此方法。
(5).opera瀏覽器支援此方法。
(6).safria瀏覽器支援此方法。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div { text-align:center; background-color:red; } #ant { width:300px; height:100px; } </style> <script> window.onload = function () { let odiv = document.getElementById("ant"); let obt = document.getElementById("bt"); let styleSheet = document.styleSheets[0]; obt.onclick = function () { styleSheet.deleteRule(0); } } </script> </head> <body> <div id="ant">螞蟻部落</div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
點選按鈕可以刪除樣式表中的索引位置為0的規則。
也就是定義div選擇器定義的規則,這樣文字就不會居中,紅色背景顏色也被刪除。
相關文章
- Java中parse方法,ValueOf方法,toString方法Java
- Python例項方法、類方法、靜態方法Python
- js includes方法 和 filter方法JSFilter
- Java的方法靜態方法Java
- show()方法和hide()方法IDE
- 方法
- 徹底理解了call()方法,apply()方法和bind()方法APP
- Python Class 的例項方法/類方法/靜態方法Python
- slideUp()方法和slideDown()方法IDE
- Java方法03:方法的過載Java
- 物件導向2--靜態方法、類方法、屬性方法物件
- javaSE-day04--ArrayList基本用方法、類內定義方法和方法過載、靜態方法static(類的方法)、工具方法(static)的定義和使用Java
- 來看看兩種好玩的方法,擴充套件方法和分部方法套件
- initialize方法與load方法比較
- Java System類,currentTimeMillis方法,arraycopy方法。Java
- jQuery方法原始碼定位簡單方法jQuery原始碼
- 細說equals()方法和hashCode()方法
- prop()方法和attr()方法的區別
- 詳解equals()方法和hashCode()方法
- exitFullscreen() 方法
- Promise then() 方法Promise
- removeProperty() 方法REM
- getPropertyPriority() 方法
- getPropertyValue() 方法
- javascriptreplaceAll方法JavaScript
- main方法AI
- 字串方法字串
- 方法引用
- Java方法Java
- call() 方法
- 類方法
- Main()方法AI
- 【MyBatis原始碼分析】insert方法、update方法、delete方法處理流程(上篇)MyBatis原始碼delete
- 【MyBatis原始碼分析】insert方法、update方法、delete方法處理流程(下篇)MyBatis原始碼delete
- 方法的過載、可變形參的方法、方法的引數值傳遞機制、遞迴方法遞迴
- jQuery中過濾方法slice()方法如何使用?jQuery
- Java方法02:方法的定義和呼叫Java
- Java中方法重寫與方法過載Java