将结果推送到数组答案

【问题标题】：Pushing results to array将结果推送到数组
【发布时间】：2018-03-28 18:51:33
【问题描述】：

<tr>
    <td>1st</td>
    <td class="result horse1"></td>
</tr>
<tr>
    <td>2nd</td>
    <td class="result horse2"></td>
</tr>
<tr>
    <td>3rd</td>
    <td class="result horse3"></td>
</tr>
<tr>
    <td>4th</td>
    <td class="result horse4"></td>
</tr>

这是一个 javascript 游戏，当马越线时，它会执行 this.finish 函数。

它将通过更改类以包含ID 来获取结果并将它们显示在表格中。这很好用，但是当我将 ID 推入数组时，它只会在抛出错误之前存储两个 id。

if (horse.lap == laps && horse.x == horse.startX + 5) {
    horse.finish();
}   

this.finish = function() {
    this.element.className = 'horse standRight';
    var table = document.getElementsByClassName('result');
    table[results.length].className = id;
    results.push(id);
    console.log(results);
  }

var results = [];

在表格中显示结果的时候，也是跳过第二行，在第三行放一个id？

这是错误

【问题讨论】：

由于您只用 ID 替换了类名，document.getElementsByClassName('result') 每次返回的项目数量较少，而您的 results 数组每次都在增长。最终数组变得比document.getElementsByClassName('result') 更长，然后table[results.length] 返回未定义。
"通过更改类以包含 ID"...但是您的代码没有在类中包含 ID，它替换所有其他只有 ID 的类
我明白了，大家干杯

标签： javascript html arrays push

【解决方案1】：

如 cmets 所述，您将整个类名替换为 id，因此类名中的“结果”也消失了。

您可以将马 ID 部分单独替换为新的部分，即

table[results.length].className = "result " + id;

或

var currentClass = table[results.length].className;
table[results.length].className = currentClass.replace(/horse[0-9]/,id);

还有更多方法可以做到这一点，包括用空格分割类名等。

【讨论】：