使用javascript數組值更改類名稱

Question

我有5個按鈕，5個類名和1個div，每個按鈕單擊時，都會更改類名div。

我存儲在數組中

function changeClass(value){ 
    style = new array(5) 
    style[0] = "view-first" 
    style[1] = "view-second" 
    style[2] = "view-third" 
    style[3] = "view-fourth" 
    style[4] = "view-fifth" 
    document.getElementById("btn").className = hoverstyle[value]; 
} 

和按鈕的類名值我使用onClick事件與changeClass(3)

上面的代碼是不工作的，我是相當新的JavaScript和編程，請指教。

Answer 1

你定義數組與style一個名字，但你嘗試，它適用於使用hoverstyle的元素。請注意，您還可以使用速記數組初始化器優化代碼：

function changeClass(value){ 
    style = [ 'view-first', 'view-second', 'view-third', 'view-fourth', 'view-fifth' ]; 
    document.getElementById("btn").className = style[value]; 
} 

最後，style應var前綴，如果它只有changeClass函數中使用。

Answer 2

數組變量的名稱不正確。 更改hoverstyle到style

document.getElementById("btn").className = style[value];