如何使用純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服務

- >可結算服務