appendChild en un XUL complemento de Firefox rompe

Question

Estoy trabajando en un complemento de Firefox y actualmente necesito agregar dinámicamente elementos de menú a un elemento menupopup. Intenté básicamente todos los enfoques en el Mozilla Developer Center y ninguno de ellos funciona.

function populateDropdown() { 
    var counter = 0; 
    for (var key in services) { 
     var newMenuItem = document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul", "menuitem"); 
     newMenuItem.setAttribute("label", services[key]['title']) 

     document.getElementById("mainDropdown").appendChild(newMenuItem); 
    } 
} 

Este código se rompe en el comando appendChild. ¿Alguna idea de por qué?

Answer 1

¿Está 100% seguro de que document.getElementById ("mainDropdown") está devolviendo un resultado no nulo?

Pruebe lo descomponen en pedazos, y añadir algo de código de depuración para dar seguimiento a lo largo de:

var dropDown = document.getElementById("mainDropdown"); 
if(dropDown) { 
    alert("dropDown found!"); 
    dropDown.appendChild(newMenuItem); 
}