Question

所以我想做的事情我认为非常简单，只是为了帮助我更好地掌握简单的JavaScript代码。虽然从它的外观来看，我比它最初想的更难。

我只是想把黄色方块改成黑色方块，继承我的代码：

<html>
<head>
    <script language="javascript">
        function Change(){
            document.getElementById("boxtwo").setAttribute=("class", "black");
        }
    </script>
    <style>
        .red{
            background-color: red;
            height:200px;
            width:200px;
            top:37;
            position:absolute;
        }
        .black{
            background-color: black;
            width:180px;
            height:180px;
            top:47;
            left:17;
            position:absolute;
        }
        .yellow{
            background-color: yellow;
            width:180px;
            height:180px;
            top:47;
            left:17;
            position:absolute;
        }
    </style>
</head>
<body>
    <div id="boxone" class="red">
    </div>
    <div id="boxtwo" class="yellow">
    </div>
    <div>
        <input id="btnClickMe"
            type="button"
            value="Click Me"
            onclick="Change()">
    </div>
</body>
</html>

非常感谢任何帮助。

Answer 1

你有一个错字：

document.getElementById("boxtwo").setAttribute=("class", "black");

应该是

document.getElementById("boxtwo").setAttribute("class", "black");

https://developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute

Answer 2

您遇到语法错误。

您需要删除=字符

document.getElementById("boxtwo").setAttribute("class", "black");

setAttribute无法正常工作。不确定我到底做错了什么（我对js很新）

2 个答案: