将 XML 替换为来自 XMLHttprequest 的响应

如果没有更多信息，这只是对问题所在的一种猜测。

可能发生的情况是从您的XMLHttpRequest()检索到的XML数据被解释为XML/HTML而不是XUL。 这可能会导致您描述的行为。您可以通过使用 DOM 检查器查看随行插入的元素来检查这一点：

oldmenu.parentNode.replaceChild(xmlDoc.documentElement, oldmenu);

您应该寻找的是Namespace URI为这些元素显示的内容。如果不http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul则元素不会被视为XUL。

解决此问题的一种方法是：

oldmenu.insertAdjacentHTML("afterend", aEvent.target.responseText);
oldmenu.setAttribute("hidden","true");
//Alternately (if you don't want to keep the placeholder <menubar>):
//oldmenu.parentNode.removeChild(oldmenu);

我让它工作了，但代码比它应该需要的长 80+ 行。我尝试了importNode、replaceChild、appendChild、adoptNode、removeChild等的所有变体。我能想到。我相当确定我可以写一本关于处理任何给定XML元素或节点的方法的书。

这是一个例子，说明这个问题是多么荒谬。这将起作用

function AddNewElem()
{
    var menubar = document.getElementById('menubarwrapper');
    var menuitem = '<menu id="help-menu" label="Help" accesskey="H" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">';
    menuitem += '<menupopup id="help-popup">';
    menuitem += '<menuitem id="test-menu" label="Test" acceltext="Ctrl+T" accesskey="T" />';
    menuitem += '<menuseparator/>';
    menuitem += '<menuitem id="about-menu" label="About" acceltext="Ctrl+A" accesskey="A" />';
    menuitem += '</menupopup>';
    menuitem += '</menu>';
    var parser = new DOMParser();
    var xmlDoc = parser.parseFromString(menuitem, 'text/xml').documentElement;
    menubar.appendChild(xmlDoc);
}

但这不会

function RequestData()
{
    var url = 'newmenu.txt';
    var request = new XMLHttpRequest();
    request.onload = function(aEvent)
    {
        var menubar = document.getElementById('menubarwrapper');
        var responsetxt = aEvent.target.responseText;
        var parser = new DOMParser();
        var xmlDoc = parser.parseFromString(responsetxt, 'text/xml').documentElement;
        menubar.appendChild(xmlDoc);
    };
    request.onerror = function(aEvent)
    {
        alert("Error Status: " + aEvent.target.status);
    };
    request.open('POST', url, true);
    request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    request.send('pageid=menu');
}

newmenu.txt只是上一段代码中menuitem的内容。我什至将xmlDoc序列化回字符串，然后再次解析它，但仍然不起作用。我尝试了很多愚蠢的想法，我知道很多想法都行不通，万一我可能会得到关于问题的线索。当你崩溃Firefox时，你知道你太用力了。

但我离题了。因此，为了其他人尝试使用XULrunner，下面是我必须做的。

function RequestData()
{
    var url = 'http://localdomain.prog/';
    var request = Components.classes['@mozilla.org/xmlextras/xmlhttprequest;1'].createInstance(Components.interfaces.nsIXMLHttpRequest);
    request.onload = function(aEvent)
    {
        var xmlDoc = aEvent.target.responseXML;
        var toolbar = document.getElementById('toolboxwrapper');
        var menubar = document.getElementById('menubarwrapper');
        toolbar.removeChild(menubar);
        var menubar = document.createElement('menubar');
        menubar.setAttribute('id', 'menubarwrapper');
        var docfrag = document.createDocumentFragment();
        docfrag.appendChild(menubar);
        var newmenus = xmlDoc.getElementsByTagName('menu');
        var menuslen = newmenus.length;
        for (var i = 0; i < menuslen; i++)
        {
            docfrag = CreateMenu(newmenus[i], docfrag);
        }
        toolbar.appendChild(docfrag);
    };
    request.onerror = function(aEvent)
    {
        window.alert("Error Status: " + aEvent.target.status);
    };
    request.open('POST', url, true);
    request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    request.send('pageid=menu');
}
function CreateMenu(obj, docfrag)
{
    var fragbar = docfrag.getElementById('menubarwrapper');
    var menu = document.createElement('menu');
    menu = SetMenuAttr(obj, 'id', menu);
    menu = SetMenuAttr(obj, 'label', menu);
    menu = SetMenuAttr(obj, 'accesskey', menu);
    var fragmenu = fragbar.appendChild(menu);
    var popup = obj.getElementsByTagName('menupopup')[0];
    var menupopup = document.createElement('menupopup');
    menupopup = SetMenuAttr(popup, 'id', menupopup);
    var fragpopup = fragmenu.appendChild(menupopup);
    if (popup.hasChildNodes())
    {
        var childmenu = popup.childNodes;
        var menulen = childmenu.length;
        for (var i = 0; i < menulen; i++)
        {
            if (childmenu[i].nodeName == 'menuitem' || childmenu[i].nodeName == 'menu')
            {
                if (childmenu[i].nodeName == 'menuitem')
                {
                    var menuitem = CreateMenuitem(childmenu[i]);
                }
                if (childmenu[i].nodeName == 'menu')
                {
                    var menuitem = CreateMenu(childmenu[i]);
                }
                fragpopup.appendChild(menuitem);
            }
        }
    }
    return docfrag;
}
function CreateMenuitem(obj)
{
    var menuitem = document.createElement('menuitem');
    menuitem = SetMenuAttr(obj, 'id', menuitem);
    menuitem = SetMenuAttr(obj, 'label', menuitem);
    menuitem = SetMenuAttr(obj, 'accesskey', menuitem);
    menuitem = SetMenuAttr(obj, 'acceltext', menuitem);
    menuitem = SetMenuAttr(obj, 'disabled', menuitem);
    return menuitem;
}
function SetMenuAttr(obj, attr, newobj)
{
    if (obj.hasAttribute(attr))
    {
        newobj.setAttribute(attr, obj.getAttribute(attr));
    }
    return newobj;
}

基本上必须检索每个元素及其属性并创建新元素。到目前为止，它不是首选解决方案。对于我自己来说，如果我必须多写一行代码，而不是绝对必要的，那是错误的。解决方案应该是 2 行。