javascript操作class和style樣式_ZenDei技術網路在線

javascript操作class和style樣式

-Advertisement-

1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>無標題文檔</title> 6 <style> 7 .fontSize22 8 { 9 font-size:22px; 10 } 11 .fontWeight

 1 <!doctype html>
 2 <html>
 3 <head>
 4 <meta charset="utf-8">
 5 <title>無標題文檔</title>
 6 <style>
 7 .fontSize22
 8 {
 9     font-size:22px;
10 }
11 .fontWeight
12 {
13     font-weight:bold;
14 }
15 </style>
16 </head>
17 
18 <body>
19 <div id="div1" class="fontSize22 fontWeight"  style="color:red">div實例文本</div>
20 <button onclick="changeStyle()">changeStyle()</button>
21 <script>
22 function changeStyle()
23 {
24     var div1 = document.getElementById("div1");
25     //div1.className = "fontSize22";
26     //div1.className += " fontWeight";
27     //刪除單個class=""樣式
28     //div1.className = div1.className.replace(/fontSize22/,"");
29     //刪除所有class=""樣式
30     //div1.removeAttribute("class");
31     //刪除style=""中的單個樣式
32     div1.style.cssText = div1.style.cssText.replace(/red/,"blue");
33     //刪除style=""中的所有樣式
34     //div1.style.cssText = "";
35 }
36 </script>
37 </body>
38 </html>

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

【Bootstrap基礎學習】00 序

其實這樣的東西很多了，但是我就是要寫。我寫這種鬼東西只是為了監督自己，如果能順便幫一下別人就更好了。這個系列的基礎學習，不會去看實體書，主要是去看網上的資料和官網。 Bootstrap就是對jQuery的一次再開發，所以jQuery腳本引用必須在bootstrap腳本之前。 <link type
js 中如何通過提示框跳轉頁面

通過提示框跳轉頁面 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <script> 9 window.onlo
js 中對象屬性特性2

對象的存儲描述： get 和 set 方法 1 <script> 2 var obj ={ 3 get age(){ 4 return 22 5 }, 6 set age(value){ 7 console.log(value) 8 } 9 } 10 console.log(obj.age) 11
js 中對象屬性特性的描述

如何自定義屬性的特性？用對象.屬性的特性和自定義的屬性的特性有什麼區別？它的四大特性 writable enumerable configable 有什麼區別？先預習一個用對象.屬性定義，屬性的四大特性是以什麼方式呈現的。這時個屬性的三大特性預設值都為true。代碼演示： 1 <scri
float實例講解

針對兩列佈局案例（左邊一列寬度固定，右邊一列寬度自適應），從而講解float屬性
js 中對象屬性的特性

數據屬性：數據屬性包含一個數據值的位置，在這個位置可以讀取和寫入值。 4個描述的行為特性： writable 表示能否修改屬性的值。預設為true Enumerable 表示能否過過for in迴圈返回屬性是否可以枚舉。 configuralbe 表示是否能過來delete刪除屬性從來重新定義屬性
label標簽跳出迴圈

出場：首先我們來說說為什麼需要label標簽，雖然我們已經知道有break，continue跳出迴圈，但如果是多重迴圈那麼它們就顯的無能為力了，所以就出現了label這個標簽來為我們服務。我們先來看看單獨使用break的情況 1 for(var i=0;i<4;i++){ 2 for(var j
JavaScript公共函數

[在此處輸入文章標題] // JScript 文件 /* ================================================================== JS 公共函數 080827 =======================================