javascript - 使用 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 仅在 changeClass 函数中使用，则应以 var 为前缀。