javascript - 多个函数onclick addeventlistener

Question

我有以下代码在由 onclick 触发时起作用，例如： onClick="change('imgA');"

function change(v) {
    var target = document.getElementById("target");
    if (v == "imgA") {
        target.className = "cast1";
    } else if (v == "imgB") {
        target.className = "cast2";
    } else if (v == "imgC") {
        target.className = "cast3";
    } else if (v == "imgD") {
        target.className = "cast4";
    } else {
        target.className = "chart";
    }
}

一旦将此结果存储到 id 'target'，我如何再次执行相同的功能，但使用不同的类名（'bio1' 而不是 'cast1' 等）。然后将结果保存到不同的ID？

每次我试过都没有工作到这一点。

Answer 1

你可以试试：

function change(v, id) {
  var areas;
  if( id == 'target' ) {
    areas = 'cast';
  } else {
    areas = 'bio';
  }
  var target = document.getElementById(id);
  if (v == "imgA") {target.className = areas+"1";}
  else if (v == "imgB") {target.className = areas+"2";}
  else if (v == "imgC") {target.className = areas+"3";}
  else if (v == "imgD") {target.className = areas+"4";}
  else {target.className = "chart";}
}