当 ID 从 PHP 变量传递时，javascript 中的未定义 ID

Question

我做了一些搜索，但没有找到明确的答案。 我根本不是 javascript 的人，而且我很无能。 PHP 不过我明白了，对我来说这应该可行。 我还应该注意，这个脚本曾经使用 document.all，因为它是 javascript，我尽可能地尝试将其更新为 getElementById()（因为 document.all 在萤火虫中抛出错误）。

现在大部分情况下，页面显示正常，尽管没有应该发生的 javascript 更改。

我还必须为代码的陈旧性质道歉，当我接任我们游戏俱乐部的 inte.net 人时，我继承了这段代码。 此代码用于使用虚构信用购买虚构物品。

当我点击一个项目来“购买”它（或者可能不是任何一个）时，该行的背景应该变成绿色，并且信用应该从我的总账户中减去（或者如果我取消选中该框则相反）。 单击提交按钮会将我单击的这些内容添加到另一张表中，并从我的帐户中减去实际金额。

目前我收到“tr615 未定义”错误这是 PHP 为元素生成的代码，如下所示。

如果有人能帮我解决这个问题，那就太棒了。 在谷歌和此处搜索几天后，我似乎找不到答案。

PHP 相关代码片段：（我们在网站上使用自定义功能，即：条目）

例如说 $id=615

    <?php
        while (list ($id, $name, $class, $desc, $range, $damage, $cost,$hide) = entry ($items) )
        {
           if ($hide =='0')
           {
            $JavaScriptArrayParms .= '"' . $id . '",';
            $list .= $id . ',';
           ?>
           <tr id="tr<?php echo $id; ?>">  //Thus tr615 for this example
           <td>
             <input type="checkbox" name="chk<?php echo $id; ?>" onclick="updateStoreTable(this.form, this, <?php echo $id; ?>)" />
             <input type="hidden" name="cost<?php echo $id; ?>" value="<?php echo $cost; ?>" />
           </td>
           <td><?php echo $name; ?></td>
           <?php if (! in_array($catid, $noclass)){ echo "<td>$class</td>";}?>
           <td><?php echo $desc; ?></td>
           <?php if (! in_array($catid, $norange)){ echo "<td>$range</td>";}?>
           <td><?php echo $damage; ?></td>
           <td><?php echo $cost; ?></td>
           </tr>
         <?php
        }
        }
        ?>
    </table>

 <input type="hidden" name="list" value="<?php echo $list; ?>" />
 <input type="button" value="Purchase!" onclick='validatePurchase(this)' />
 <input type="reset">
</form>

相关 JS：（在某些情况下，它曾经是 document.all.store... 或者只是 document.all..。我希望我以正确的方式修复它）

<script language="javascript">
var startmoney = <?php echo $currMoney; ?>;
function canAfford(t,id)
{
    if(t.checked) return;// don't touch if checked for buying.
    //alert("canAfford("+t+","+id+");");
    //t.disabled = false;
    eval("document.store.getElementByID(foo).disabled = false;");
    eval("document.store.getElementByID(foo).checked = false;");
    eval("document.getElementByID(tr"+id+").style.background = '#000000';");
}

function cantAfford(t,id)
{
    //alert("cantAfford("+t.disabled+","+id+")-- "+t+";");
    //alert("before disable");
    //t.disabled = true;
    eval("document.store.getElementByID(chk"+id+").disabled = "+true+";");
    //alert("After disable");
    eval("document.store.getElementByID(chk"+id+").checked = false;");
    eval("document.getElementByID(tr"+id+").style.background = '#555555';");
}

function getCost(id)
{
return eval("document.store.getElementByID(cost"+id+").value");
}

function buying(t,id)
{
eval("document.getElementByID(tr"+id+").style.background = 'green';");
document.store.credits.value -= getCost(id);
}

function notbuying(t,id)
{
eval("document.getElementByID(tr"+id+").style.background = '#000000';");
var creds = new Number(document.store.credits.value);
var cost  = new Number(getCost(id));
document.store.credits.value = (creds + cost);
}

function updateStoreTable(f,t,id) 
{
    var ids = new Array(<?php echo $JavaScriptArrayParms; ?>);
    if(t.checked)
        buying(t,id);
    else
        notbuying(t,id);

for(i = 0; i<ids.length; i++)
    {
        cost = new Number(getCost(ids[i]));
        creds = new Number(f.credits.value);
        //alert("COST: " +(cost)+"\nCREDITS: "+creds+"\nID: "+ids[i]);
    //  alert("'"+ (cost) + "' > '" + (creds) +"'\n"+(eval(cost > creds)));
    //  alert("f.chk"+ids[i]+".checked");
        if(eval("f.chk"+ids[i]+".checked")) { continue; } //ignore already carted items     

        if(eval(cost > creds))
            cantAfford(eval("f.chk"+id),ids[i]);
        else 
            canAfford(eval("f.chk"+id),ids[i]);     
    }
}

Answer 1

第一期：

它必须是getElementById()
（最后一个小写的d ）

---

第二：

使用 eval 时，代码将被评估为：

document.getElementById(tr615).style.background = '#000000';

..什么会导致错误，因为 tr615 没有用引号括起来，所以 javascript 需要一个变量 tr615。

该行必须如下所示：

eval("document.getElementById('tr"+id+"').style.background = '#000000';");

---

但是：这里为什么要用eval，这个不用eval也可以做到：

document.getElementById('tr'+id).style.background = '#000000';