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>

我希望实现这一点，如果我点击它，背景将变成白色所以人们现在他们预订。但我必须给一切自己的身份证吗？因为现在如果我点击“2”只有“1”变成白色而“2”不会变成白色。

（对不起我的英语不好）

Answer 1

不是传递属性，而是传递元素itselfe：

        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

更改背景颜色onclick

1 个答案: