javascript - 需要更改其 .innerHTML 的按钮，但它们是在循环中制作的，因此它们最终具有相同的 id

Question

我正在用 javascript 为 xml 文件编写一个表树，并且每个 .单击此按钮时，需要将其文本从“-”更改为“+”，反之亦然。我知道通常下面的代码可以工作；

function change()
{
    if(document.getElementsById("myButton").innerHTML == "-"){
        document.getElementById("myButton").innerHTML = "+";
    }
    else{
        document.getElementById("myButton").innerHTML = "-";
    }
}

我不能只使用它的原因是因为按钮是在循环中创建的，因此它们都具有相同的 ID。

如果您可以帮助我做到每次按钮创建时其 Id 都会附加一个递增的数字，或者有其他方法来执行上述代码，那将会很有帮助。

Answer 1

根本不需要使用 ID；而是将要修改的元素作为参数传递给 change 函数。该函数现在如下所示:

function change(element)
{
    if(element.innerHTML == "-"){
        element.innerHTML = "+";
    }
    else{
        element.innerHTML = "-";
    }
}

然后，当您创建按钮时，onclick 属性将如下所示:

onclick="change(this);"