使用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];
}

最后，如果仅在changeClass函数中使用style则应在style前面加上var前缀。

Answer 2

数组变量名称不正确。 将hoverstyle style更改为style

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