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];

使用javascript数组值

2 个答案: