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" />

我的问题是当点击第一个按钮而不是＆＃39;这个＆＃39;时，如何将第二个按钮作为函数参数传递。我使用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";
}
}

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

1 个答案: