javascript - 更改类的多个元素的类名

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 6 年前。

我有多个类名为“card player1card”的 div。如果我单击任何具有“player1card”类的元素，我希望其类发生更改并使其运行下面列出的功能。

因此，如果我单击类为“cardplayer1cardrecruitbuilder”的第 5 个元素，则第 5 个元素的类应更改为“cardplayer1cardrecruitmerchant”或从数组分配的任何其他随机类名。

它给我的当前错误是“Uncaught TypeError:无法设置未定义的属性'className'”

注意:所有变量都已事先定义，因此不会丢失变量或任何内容。

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。