如何使用纯javascript将子节点附加到具有指定类名的所有节点

上面是代码片段。我得到这个错误：

var menuheader = document.createElement("li"); 
document.getElementsByClassName("subMenu").appendChild(menuheader);

应该是

firebug: TypeError: document.getElementsByClassName(...).appendChild is not a function

服务

所以我需要在上面的元素中添加子菜单，使其看起来像

服务

->不收费服务

->信息技术服务

---

->计费服务

因为getElementsByClassName返回节点列表！请尝试document.getElementsByClassName…[0]。将子元素追加到列表中的第一个目标元素！我建议您在使用任何不熟悉的DOM方法之前先阅读MDN文档。下面是一个用于getElementsByClassName的方法：谢谢，这就是我要寻找的for循环，因为这个方法返回一个节点列表。

var menuheader = document.createElement("li");// creates main menu to which below submenu should be added. 
var submenus=document.getElementsByClassName("subMenu"); //gives an array so you cannot append child to that.

   for(int i=0;i<submenus.length;i++){
   menuheader.appendChild(submenus[i]);

  }

  document.createElement("li"); //create a main menu say Services