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

Question

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

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

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

Answer 1

应该

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]); 

    } 

从你的代码看起来你正在做相反的，它是将MainMenu的再次哪个子菜单。

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

服务

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

服务

- >非收费服务

- > IT服务

- >可结算服务