Javascript按钮单击更改背景

当我按下按钮时，背景色没有改变。我做错了什么

var body=document.getElementsByTagName（“body”）；
var bgbutton=doDocument.getElementById（“bgchange”）；
bgbutton.onclick=函数（）{
body.style.background-color=“绿色”；
}

正文{
宽度：600px；
保证金：0自动；
背景色：#FF9500；
填充：0 20px 20px 20px；
}

文档。getElementsByTagName

返回一个节点列表，因此需要使用

[0]

从中选择一个元素：

var body = document.getElementsByTagName("body")[0];

但是，您可以使用一个特定的属性：

var body = document.body;

此外，您在下面的行中有一个拼写错误：

var bgbutton = doucument.getElementById("bgchange");

。。。应该是

文档

并且，当用JavaScript编写时，样式属性名称是CAMELLCASE：

body.style.backgroundColor

---

。。。与CSS（

背景色）的编写方式相反。
文档。getElementsByTagName
返回一个节点列表，因此您需要使用
[0]
从中选择一个元素：

var body = document.getElementsByTagName("body")[0];

但是，您可以使用一个特定的属性：

var body = document.body;

此外，您在下面的行中有一个拼写错误：

var bgbutton = doucument.getElementById("bgchange");

。。。应该是
文档

并且，当用JavaScript编写时，样式属性名称是CAMELLCASE：

body.style.backgroundColor

。。。与CSS（
背景色）的编写方式相反。
首先，有一个语法错误“doDocument”

第二

var body = document.getElementsByTagName("body");

当您通过标记或类名搜索dom元素时，在javascript中，您必须指定要修改的元素索引（在本例中是第一个）

var body = document.getElementsByTagName("body")[0]

上面有一个简单的方法，document.getElementsByTagName返回一个HTMLCollection，将dom元素作为数组包含到变量体中，您必须将其作为数组中具有特定索引的项进行访问

这也有效：

 var body = document.getElementsByTagName("body").item(0);

body.style.backgroundColor应该是body.style.backgroundColor


var body=document.getElementsByTagName（“body”）.item（0）；
var bgbutton=document.getElementById（“bgchange”）；
bgbutton.onclick=函数（）{
body.style.backgroundColor=“绿色”；
}
正文{
宽度：600px；
保证金：0自动；
背景色：#FF9500；
填充：0 20px 20px 20px；
}
首先，有一个语法错误“doDocument”

第二

var body = document.getElementsByTagName("body");

当您通过标记或类名搜索dom元素时，在javascript中，您必须指定要修改的元素索引（在本例中是第一个）

var body = document.getElementsByTagName("body")[0]

上面有一个简单的方法，document.getElementsByTagName返回一个HTMLCollection，将dom元素作为数组包含到变量体中，您必须将其作为数组中具有特定索引的项进行访问

这也有效：

 var body = document.getElementsByTagName("body").item(0);

body.style.backgroundColor应该是body.style.backgroundColor


var body=document.getElementsByTagName（“body”）.item（0）；
var bgbutton=document.getElementById（“bgchange”）；
bgbutton.onclick=函数（）{
body.style.backgroundColor=“绿色”；
}
正文{
宽度：600px；
保证金：0自动；
背景色：#FF9500；
填充：0 20px 20px 20px；
}
除了trincot已经提到的所有内容之外，在按钮标签中添加一些内容，以便更容易单击


var bgbutton=document.getElementById（“bgchange”）；
bgbutton.onclick=函数（）{
document.body.style.backgroundColor=“绿色”；
}
正文{
背景色：#FF9500；
}
更改颜色
除了trincot已经提到的所有内容之外，在按钮标签中添加一些内容，以便更容易单击


var bgbutton=document.getElementById（“bgchange”）；
bgbutton.onclick=函数（）{
document.body.style.backgroundColor=“绿色”；
}
正文{
背景色：#FF9500；
}
更改颜色
这是错误的：

body.style.background-color=“绿色”；

它需要：

body.style=“背景色：绿色”
这是错误的：

body.style.background-color=“绿色”；

它需要：

body.style=“背景色：绿色”
body.style.backgroundColor=“绿色”
；或者，如果希望使用连字符（
body.style['background-color']
），也可以使用括号表示法。另外，“doucument”拼写错误。
document.getElementsByTagName（“body”）
提供了一个节点集合。body元素位于
[0]
索引是否有人可以告诉我如何在再次单击它时重新更改颜色
body.style.backgroundColor=“green”
；或者，如果希望使用连字符（
body.style['background-color']
），也可以使用括号表示法。另外，“doucument”拼写错误。
document.getElementsByTagName（“body”）
提供了一个节点集合。body元素位于
[0]
索引中。是否有人可以告诉我如何在再次单击它时重新更改颜色，以便您只需执行
文档。body
您以后应该关注控制台。它会给您提供最有用的错误消息。您也可以只执行
document.body
操作，以后您应该关注控制台。它会为您提供最有用的错误消息。