使用javascript更改元素的類別

Question

我很難根據select標記中的選定項目更改元素的類別。這是我的代碼：

<table> 
    <tr> 
     <select onchange="wow(this.value)"> 
      <option value="a">a</option> 
      <option value="b">b</option>    
     </select> 
    </tr>    
    <tr id="x" class="show"> 
     x 
    </tr> 
</table> 

<script> 
function wow(value){ 
    switch(value){ 
     case "a": document.getElementById("x").className = "show"; break;  
     case "b": document.getElementById("x").className = "hide"; break; 
    } 
} 
</script> 

<style> 
.show{ 
    display:inline-block; 
} 

.hide{ 
    display:none; 
} 
</style> 

我這裏看不到任何問題。我也試過setAttribute("class", "show")，但不起作用。

Answer 1

你有一個<td>包X：

http://jsfiddle.net/DerekL/CVxP7/

<tr>...<td id="x" class="show">x</td></tr> 

你也需要在前面加case"a":

case "a": 
    document.getElementById("x").setAttribute("class", "show"); 
    break; 

---

PS：有一個更高效的w唉，實現你正試圖在這裏做的事：

http://jsfiddle.net/DerekL/CVxP7/2/

function wow(value) { 
    var index = { 
     a: "show", 
     b: "hide" 
    }; 
    document.getElementById("x").setAttribute("class", index[value]); 
} 

現在你不需要輸入document.getElementById("x").setAttribute("class"...兩次。

Answer 2

試試這個

switch(value){ 
    case "a": document.getElementById("x").setAttribute("class", show); break;   
    case "b": document.getElementById("x").setAttribute("class", hide); break; 
}