javascript刪除class樣式類
本章節分享一段程式碼例項,它實現了使用javascript動態刪除指定class樣式類的功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> div{ width:200px; height:100px; background:green; } .a{text-align:center} .b{line-height:100px} .c{font-size:16px} </style> <script type="text/javascript"> function done(ele,classValue){ var arr=ele.className.split(" "); for(var index=0;index<arr.length;index++){ if(arr[index]==classValue){ arr.splice(index,1); } } var str=arr.join(); return str } window.onload=function(){ var obt=document.getElementById("bt"); var odiv=document.getElementsByTagName("div")[0]; obt.onclick=function(){ odiv.className=done(odiv,"a"); } } </script> </head> <body> <div class="a b c">softwhy.com</div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
具體的實現方式可以參閱js如何動態刪除class樣式屬性值中的指定樣式類一章節。
相關文章
- javascript如何刪除一個單獨的class樣式類JavaScript
- 刪除元素的指定的class樣式類
- jQuery新增或者刪除class樣式類程式碼例項jQuery
- jQuery實現的為元素新增或者刪除class樣式類jQuery
- JavaScript新增class樣式類程式碼JavaScript
- JavaScript 刪除class屬性JavaScript
- javascript實現為指定元素新增class樣式類JavaScript
- jquery實現的class樣式類的新增和刪除切換程式碼例項jQuery
- JavaScript如何判斷指定元素是否具有class樣式類JavaScript
- JavaScript class 類JavaScript
- JavaScript:類(class)JavaScript
- jquery為指定的元素新增或者刪除指定樣式類jQuery
- jQuery 新增和刪除classjQuery
- class屬性的新增刪除
- javascript刪除元素節點removeChild()函式JavaScriptREM函式
- 繫結class樣式和style樣式
- jQuery判斷元素是否具有指定的class樣式類jQuery
- js移除和新增class樣式類簡單介紹JS
- JavaScript物件導向怎樣刪除標籤頁?JavaScript物件
- jQuery為元素新增和刪除classjQuery
- JavaScript 刪除cookieJavaScriptCookie
- jquery實現的操作class樣式類簡單介紹jQuery
- jQuery如何判斷指定元素是否具有指定的class樣式類jQuery
- javascript基礎(class 類屬性的操作(增,刪,改,查))(四十五)JavaScript
- javascript判斷元素是否具有指定樣式類JavaScript
- JavaScript刪除table表格中行JavaScript
- JavaScript 刪除重複字元JavaScript字元
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript刪除節點自身JavaScript
- JavaScript 建立和刪除元素JavaScript
- JavaScript刪除table表格列JavaScript
- javascript物件導向包裝類Class的類庫解析JavaScript物件
- JavaScript 刪除字串重複字元JavaScript字串字元
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript刪除字串兩端空格JavaScript字串
- JavaScript刪除table表格指定行JavaScript
- javascript刪除字串中的空格JavaScript字串
- javascript新增刪除cookie程式碼JavaScriptCookie