无法从集合中获取值（使用 GetElementsByClassName）

debugcn 发表于 Dev

国王

我试图显示一个从集合中获取其价值的输出。

这是代码。对于'schnapps'显示两次，我设法获得了我想要的输出。但是因为'potato'我无法显示输出。

    <tr>
        <td>Schnapps Distillery</td>
        <td class='inputText schnapps'></td>
        <td>600 Farmers & Workers</td>
    </tr>
    <tr>
        <td colspan="3">
            <div class='inline'>
            <div class='inline potato'></div><img class='smallLogos'
                src='../images/potato.png' /> -->
            <div class='inline schnapps'></div><img class='smallLogos'
                src='../images/schnapps.png' />
            </div>
        </td>
    </tr>

schnappsElement = document.getElementsByClassName("schnapps");
potatoElement = document.getElementsByClassName("potato");

    //schnapps
    for (i = 0; schnappsElement[i] != null; i++) {
        schnappsElement[i].innerHTML = Math.ceil((Number(farmInput.value) + Number(workInput.value)) / 600);
    }

    potatoElement.innerHTML = schnappsElement[0].value;

JS 中的两个命令都是由我没有包含的侦听器命令激活的。该命令有效，因为我获得了 Schnapps 的正确输出。

我想要的是potatoElement具有（并显示）与schnappsElement.

安杜·安德里奇

该schnappsElement[0]犯规没有.value()。使用.innerHTML来代替。

而且，potatoElement是一个数组 - 您需要将它用作potatoElement[0].

schnappsElement = document.getElementsByClassName("schnapps");
potatoElement = document.getElementsByClassName("potato");

    //schnapps
    for (i = 0; schnappsElement[i] != null; i++) {
        schnappsElement[i].innerHTML = Math.ceil((Number(farmInput.value) + Number(workInput.value)) / 600);
    }

    potatoElement[0].innerHTML = schnappsElement[0].innerHTML;

或者您可以简单地将它们都包含在循环中：

schnappsElement = document.getElementsByClassName("schnapps");
potatoElement = document.getElementsByClassName("potato");

    //schnapps
    for (i = 0; schnappsElement[i] != null; i++) {
        var value = Math.ceil((Number(farmInput.value) + Number(workInput.value)) / 600);
        schnappsElement[i].innerHTML = value;
        if (potatoElement[i]) { potatoElement[i].innerHTML = value }
    };

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。