Question

我想更改h1标签的背景颜色。但是我不知道为什么这段代码不起作用。请有人帮我。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1 id = "h1">This is h1 tag</h1>
    <script>
        var h1 = document.getElementById('h1');
        var x = 'background';
        h1.style.x = "red";
    </script>
</body>
</html>

Answer 1

在普通JavaScript中，您styles是一个对象，因此，为了访问不同的键，您需要使用数组符号：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>
    <h1 id = "h1">This is h1 tag</h1>
    <script>
        var h1 = document.getElementById('h1');
        var x = 'background';
        h1.style[x] = "red";
    </script>
</body>
</html>

将通话更改为h1.style[x]会根据您的需要设置该属性。

更改H1背景颜色

1 个答案: