我可以在 document.getElementById() 中使用字符串变量吗？

Question

这是我的代码：

function figureSelector () {
    document.getElementById("rook").onclick = function  () {
        curr = '"rook"';
    };
};

function moveLine(){
    document.getElementById("upButton").onclick = function() { 
            document.getElementById(curr).style.top = document.getElementById(curr).offsetTop - getPix() * 62  + "px"; 
            counter= counter + getPix();
    }; 

我想写一个通用的function让棋子走。 我想要的只是，当一个人点击棋子，然后按下向上按钮时，它必须 go 向上。

Answer 1

是的你可以使用String变量：

HTML：

<div id="name" style="width:300px;height:300px;background:red"></div>

JavaScript的：

var b = 'name';
document.getElementById(b).innerHTML = 'none';

jsfiddle在这里

Answer 2

是的你可以。 只是用

curr = 'rook';

（没有额外的报价）

Answer 3

你甚至可以这样做：

function mark(yy)  {
    for (var ii = 0; ii < 7; ii++ )  {
        if (  ii == yy )  {
            document.getElementById("b"+ii).style.fontWeight = "bold";
         }
...

但要小心你的循环限制，以确保你有一个匹配的ID。 我花了好几个小时试图弄清楚为什么("b"+ii)出现错误并最终意识到错误是由此引起的。 咄...

Answer 4

是的，伙计，你可以。

您可以使用变量作为任何 function 的参数。函数就是这样工作的——它们不关心参数来自哪里。 您应该在这些函数之外定义 curr 。