如何通過點擊第一個按鈕將第二個按鈕傳遞給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";
}
}