Javascript 简单的背景更改不起作用

我试图理解这两个函数为什么不能正常工作。我只需要点击按钮1将背景样式更改为蓝色，点击按钮2更改类名。但我想用小提琴中展示的方法来做

有人能解释一下为什么这些不起作用吗？我今天在我的新工作中，想知道为什么它不起作用，因为我相信这是一个可能存在语法错误的简单修复。谢谢你的解释

var el=document.getElementByClassName（'test'）；
函数taskOne（）{
警报（“任务1已成功执行”）；
el.style.background=“蓝色！重要”；
}
函数taskTwo（）{
警报（“任务2已成功执行”）；
el.className+=“测试-2”；
}

.test{
背景：浅绿色；
}
.测试-2{
背景：橙色！重要；
}

内容
内容2
内容3
内容4
内容4T 5
任务1
任务2不存在单数getElementByClassName（）。相反，请尝试使用getElementsByClassName（）。您必须知道，它返回的不是元素，而是元素数组。
getElementByClassName（），单数，不存在。相反，请尝试使用getElementsByClassName（）。您必须知道，它返回的不是一个元素，而是一个元素数组。
首先，它是
getElementsByClassName
而不是
getElementByClassName
。它返回具有该类名的元素数组


var elements=document.getElementsByClassName（'test'）；
函数taskOne（）{
for（设i=0；i

.test{
背景：浅绿色；
}
.测试-2{
背景：橙色！重要；
}
内容
内容2
内容3
内容4
内容5
任务1
任务2
首先，它是
getElementsByClassName
而不是
getElementByClassName
。它返回具有该类名的元素数组


var elements=document.getElementsByClassName（'test'）；
函数taskOne（）{
for（设i=0；i

.test{
背景：浅绿色；
}
.测试-2{
背景：橙色！重要；
}
内容
内容2
内容3
内容4
内容5
任务1
任务2
var el=document.getElementByClassName（'test'）

正确的方法名称是
GetElementsByCassName
，因此您得到的是TypeError

还要记住，该方法返回具有该类名的元素数组。这意味着，如果要设置它们的所有背景色（正确的属性是
el.style.backgroundColor
，而不是您使用的属性：
el.style.backgroundColor
），则需要使用
for
循环遍历它们中的每一个（如果有的话）

）来表示

红色

var el=document.getElementByClassName（'test'）

正确的方法名称是

GetElementsByCassName

，因此您得到的是TypeError

---

还要记住，该方法返回具有该类名的元素数组。这意味着，如果要设置它们的所有背景色（正确的属性是

el.style.backgroundColor

，而不是您使用的属性：

el.style.backgroundColor

），则需要使用

for

循环遍历它们中的每一个（如果有的话），表示

红色

getElementByClassName（/classname'））不存在正确的方法是getElementsByCassName（），我也强烈建议，如果您计划以这种方式操作元素集合，请使用jQuery，否则您将自己迭代元素数组，如Lwin Htoo Ko所示。除非您非常喜欢键入。getElementByClassName（'classname'）不存在正确的方法是getElementsByClassName（），我也强烈建议您，如果您计划以这种方式操作元素集合，请使用jQuery来操作，否则您将自己迭代元素数组，如Lwin Htoo Ko所示。除非你很喜欢打字。谢谢你-很好的解释，这对我以后会很有帮助！谢谢你-很好的解释，这将在未来对我很有帮助！