更改一個類的多個元素的類名稱

Question

我有多個div類，名稱爲「card player1card」。如果我點擊任何帶有「player1card」類的元素，我希望它的類可以更改，並且可以運行下面列出的函數。

因此，如果我點擊第5個元素的類「card player1card recruitbuilder」，第5個元素的類應該更改爲「card player1card recruitmerchant」或從該數組中分配的任何其他隨機類名。

的當前錯誤，它給我的是「遺漏的類型錯誤：無法設置屬性未定義‘類名’」

注：所有變量都已經被事先定義的，因此不會丟失變量或任何東西。

var p1card = document.getElementsByClassName("player1card"); 
var w; 
var allocatedcard; 

for (w = 0; w < p1card.length; w++) { 
    p1card[w].onclick = function(){ 
     p1card[w].className = "card player1card"; 
     var allocatedcard = Math.floor(Math.random() * cardsnames.length); 
     p1card[w].className += " " + cardsnames[allocatedcard]; 
     updateimages(); 
    } 
} 

Answer 1

使用this.className，而不是p1card[w].className在點擊處理程序。