更改背景顏色onclick

Question

我不知道是否有可能做，但是我這是我的代碼。

function start(blauw){  
    document.getElementById(blauw).style.background="white";
}

<table>
    <tr>
        <td id= niks></td>
        <td id= niks></td>
        <td id= blauw onclick="start(id)">1</td>
        <td id= blauw onclick="start(id)">2</td>
        <td id= blauw>3</td>
        <td id= blauw>4</td>
        <td id= blauw>5</td>
        <td id= blauw>6</td>
        <td id= blauw>7</td>
        <td id= blauw>8</td>
        <td id= niks></td>
        <td id= niks></td>
    </tr>
</table>

我想實現這一點，如果我單擊它，背景將變成白色，因此人們現在正在預訂。 但是我必須給所有東西一個自己的ID嗎？ 因為現在如果我單擊“ 2”，只有“ 1”變成白色，“ 2”不會變成白色。

（對不起，我的英語不好）

Answer 1

不用傳遞屬性，只需傳遞元素本身：

  function start(element) { element.style.background = "green"; } 

  <table> <tr> <td class=niks></td> <td class=niks></td> <td class=blauw onclick="start(this)">1</td> <td class=blauw onclick="start(this)">2</td> <td class=blauw>3</td> <td class=blauw>4</td> <td class=blauw>5</td> <td class=blauw>6</td> <td class=blauw>7</td> <td class=blauw>8</td> <td class=niks></td> <td class=niks></td> </tr> </table> 

正如評論中提到的那樣-ID必須是唯一的！

編輯：

更改功能以切換背景色。

    function start(element) {
        var backgroundColor = element.style.background;
        if (backgroundColor === "green") {
            element.style.background = "red";
        } else {
            element.style.background = "green";
        }
    }

所以這是一個非常簡單的演示

見FIDDLE