여러 함수 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"; 
    } 
} 

즉시이 결과는 내가 다른 클래스 이름 (대신 'cast1'의 'bio1'등)을하지만, 다시 동일한 기능을 수행하려면 어떻게 아이디 '대상'에 저장되어있다. 그런 다음 결과를 다른 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";} 
}