Javascript 改变背景颜色_Javascript

Javascript 改变背景颜色

javascript

Javascript 改变背景颜色,javascript,Javascript,我想更改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.

我想更改

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>


这是h1标签
var h1=document.getElementById（'h1'）；
var x='背景'；
h1.style.x=“红色”；

在vanilla JavaScript中，您需要使用数组符号来访问不同的键：

<!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标签
var h1=document.getElementById（'h1'）；
var x='背景'；
h1.样式[x]=“红色”；

将调用更改为

h1.style[x]

将设置您要查找的属性。

可能是因为它应该是这样的

style[x]

，

h1.style['background']=“red”是否也有效？（我想是的）绝对会的！很好。虽然我不明白为什么h1.style.background=“red”
会是一个更受欢迎的选择，但我想可能是因为它使用的符号少了3个。另一个符号对我来说似乎更冗长me@GrumpyCrouton面向对象（在大多数语言中都是已知的符号）@Tarabass我已经更新了我的答案来反映这一点-谢谢你的建议！