带有类名的简单Javascript

我试图让脚本要求用户输入HTML类名和颜色名，然后将该HTML类的所有元素的颜色设置为给定的颜色

我将html设置为具有

class=wish

，并且有一个

li

元素，带有

class=class2

。sytax在这方面是正确的。我只是不知道该怎么办。我刚刚用

document.getElementsByCassName（）

特性测试了很多东西，但效果不太好

/*var classask=window.prompt("which class?");
var nodes = getElementsByClassName(classask);
document.writeln(nodes);*/

var styx=window.prompt("pick a classes name so for usage");
var nodes =document.getElementsByClassName(styx);
document.write(nodes);
nodes.style.color=red;
//document.write(document.getElementsByClassName(styx));
//document.writeln(x);
//document.write(document.getElementByClass(styx));
HTMLElement.Object.className=styx;
document.writeln(styx);

//var newcolor=window.prompt("pick a new color for usage");
//var nodes=(document.getElementByClass(classname));
//HTMLElementObject.className=styx;
//nodes.style.color=newcolor;

---

代码基本上是我自己做的很多测试，我只是不知道如何让它工作。我要么在它不做任何事情的地方得到它，要么它总是说

[object HTMLCollection]

，不管我输入了什么。

节点列表没有

样式属性。您必须循环节点列表中的HTMLElementNodes（它非常类似于一个数组），并依次访问每个节点的
style
属性。
document.getElementsByClassName（）
返回一个
节点列表。这是一个节点列表。要在
节点列表
中的所有节点上进行操作，必须在
节点列表
上循环，并将更改应用于
节点列表
中的每个项目，如下所示：

var newcolor = window.prompt("pick a new color for usage");
if (newcolor !== null) {
    var nodes = document.getElementsByClassName(classname);
    for (var i = 0; i < nodes.length; i++) {
        nodes[i].style.color = newcolor;
    }
}

var newcolor=window.prompt（“为使用选择新颜色”）；
if（newcolor！==null）{
var节点=document.getElementsByClassName（classname）；
对于（var i=0；i

仅供参考，当它应该是
getElementsByClassName
时，您还有
getElementByClass