javascript - 如何将点击第一个按钮的第二个按钮传递给javascript函数

Question

我是 javascript 和 html 的新手。我有一个小问题。我在 javascript 文件中有如下内容。

function setColor(btn, color)
{
if (btn.style.backgroundColor == "#f47121") {
    btn.style.backgroundColor = color;
} else {
    btn.style.backgroundColor = "#f47121";
}
}

<input type="submit" value="Review & Next" name="b1" onclick="setColor(this,'#fff200');" />
<input type="submit" value="1" name="b2" />

我的问题是如何在单击第一个按钮而不是'this'时将第二个按钮作为函数参数传递我使用 b2 ，但它不起作用任何人都可以帮助

Answer 1

您可以改用 id。

将 id 设置为“b2”，然后在函数内找到并设置它。您不再需要使用 this 了。您在函数中传递的任何 id 都将使用它。

<input type="submit" value="Review & Next" name="b1" id="b1" onclick="setColor('b2','#fff200');" />
<input type="submit" value="1" name="b2" id="b2"/>

您现在可以将它们中的任何一个传递给函数

function setColor(arg, color)
{
   var btn = document.getElementById(arg);

if (btn.style.backgroundColor == "#f47121") {
    btn.style.backgroundColor = color;
} else {
    btn.style.backgroundColor = "#f47121";
}
}