Javascript 选择不工作的元素

我有一个我刚刚编写的非常简单的代码，它从一个select元素获取一个颜色值，并使用它来设置特定类中元素的边框颜色，但它似乎不起作用。代码如下：

HTML:

两个问题

首先，函数声明中缺少

（）

，应该是：

function changeColor() { 

}

第二件事是

getElementByClassName

是

getElementsByClassName

（注意元素末尾的“s”），这将返回一个集合，因此必须指定索引：

document.getElementsByClassName("bordered")[0].style.backGroundColor=colorName;

另外，（感谢@AmmarCSE看到这一点）-您要查找的

style

属性是

backgroundColor

-而不是

backgroundColor

（JS非常区分大小写）

另一个重要的注意事项是在开发时始终打开控制台，您将能够看到发生了哪些错误以及错误发生的位置。（通常F12在大多数浏览器上打开控制台）

两个问题

首先，函数声明中缺少

（）

，应该是：

function changeColor() { 

}

第二件事是

getElementByClassName

是

getElementsByClassName

（注意元素末尾的“s”），这将返回一个集合，因此必须指定索引：

document.getElementsByClassName("bordered")[0].style.backGroundColor=colorName;

另外，（感谢@AmmarCSE看到这一点）-您要查找的

style

属性是

backgroundColor

-而不是

backgroundColor

（JS非常区分大小写）

---

另一个重要的注意事项是在开发时始终打开控制台，您将能够看到发生了哪些错误以及错误发生的位置。（通常在大多数浏览器上使用F12打开控制台）

嗯，您缺少

changeColor

的参数列表。请确保您为我们提供了有效的代码，以便我们可以修复它。您缺少

changeColor

的参数列表。确保你给我们的代码是有效的，这样我们就可以修复它。多谢各位，这是我第一次用JavaScript编写代码，不过你让我的代码正常工作了。多谢各位，这是我第一次用JavaScript编写代码，不过你让我的代码正常工作了。