Как добавить дочерний элемент ко всем узлам с указанным именем класса, используя чистый 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]); 

    } 

из вашего кода, кажется, что вы делаете обратный, что добавление главного меню в подменю, которое снова.

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

Услуги

Так что мне нужно добавить подменю выше элемента, так что он должен выглядеть

Услуги

-> Non оплачиваемое Service

-> ИТ-услуг

-> Платежный сервис